fix v4 proj sepolia payouts, add footer to proj page (#4466)

jbx-protocol · Sep 26, 2024 · 7a23aa8 · 7a23aa8
1 parent d7b93dc
commit 7a23aa8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 97 deletions.
diff --git a/src/components/Project/ProjectTabs/utils/pairToDatum.ts b/src/components/Project/ProjectTabs/utils/pairToDatum.ts
@@ -2,8 +2,8 @@ import { ConfigurationPanelDatum } from 'components/Project/ProjectTabs/CyclesPa
 
 export const pairToDatum = (
   name: string,
-  current: string | undefined,
-  upcoming: string | undefined | null,
+  current: string | JSX.Element | undefined,
+  upcoming: string | JSX.Element | undefined | null,
   link?: string,
   easyCopy?: boolean,
 ): ConfigurationPanelDatum => {

diff --git a/...roject/ProjectDashboard/components/CyclesPayoutsPanel/components/HistorySubPanel.test.tsx b/...roject/ProjectDashboard/components/CyclesPayoutsPanel/components/HistorySubPanel.test.tsx
diff --git a/src/packages/v4/views/V4ProjectDashboard/V4ProjectDashboard.tsx b/src/packages/v4/views/V4ProjectDashboard/V4ProjectDashboard.tsx
@@ -1,3 +1,4 @@
+import { Footer } from 'components/Footer/Footer'
 import { CoverPhoto } from 'components/Project/ProjectHeader/CoverPhoto'
 import { SuccessPayView } from 'packages/v4/components/ProjectDashboard/components/SuccessPayView/SuccessPayView'
 import { useProjectDispatch } from 'packages/v4/components/ProjectDashboard/redux/hooks'
@@ -27,7 +28,7 @@ export function V4ProjectDashboard() {
       <div className="relative w-full">
         <CoverPhoto />
       </div>
-      <div className="flex w-full justify-center md:px-6">
+      <div className="flex w-full justify-center md:px-6 pb-48">
         <div className="flex w-full max-w-6xl flex-col">
           <V4ProjectHeader className="mt-12 px-4 md:mt-4 md:px-0" />
           <div
@@ -51,6 +52,7 @@ export function V4ProjectDashboard() {
           </div>
         </div>
       </div>
+      <Footer />
     </>
   )
 }

diff --git a/...s/useV4FormatConfigurationCycleSection.ts → .../useV4FormatConfigurationCycleSection.tsx b/...s/useV4FormatConfigurationCycleSection.ts → .../useV4FormatConfigurationCycleSection.tsx
@@ -2,6 +2,7 @@ import { t } from '@lingui/macro'
 import { ConfigurationPanelDatum } from 'components/Project/ProjectTabs/CyclesPayoutsTab/ConfigurationPanel'
 import { pairToDatum } from 'components/Project/ProjectTabs/utils/pairToDatum'
 import { JBRulesetData } from 'juice-sdk-core'
+import { NativeTokenValue } from 'juice-sdk-react'
 import { V4CurrencyOption } from 'packages/v4/models/v4CurrencyOption'
 import { getApprovalStrategyByAddress } from 'packages/v4/utils/approvalHooks'
 import { formatCurrencyAmount } from 'packages/v4/utils/formatCurrencyAmount'
@@ -83,7 +84,7 @@ export const useV4FormatConfigurationCycleSection = ({
 
   const payoutsDatum: ConfigurationPanelDatum = useMemo(() => {
     const { amount, currency } = payoutLimitAmountCurrency ?? {}
-    const currentPayout = formatPayoutAmount(amount, currency)
+    const currentPayout = <NativeTokenValue wei={amount ?? 0n} />
 
     if (
       upcomingPayoutLimitAmountCurrency === null ||