From 4dcef09fe108ba255a622acfecd44be6075e60f1 Mon Sep 17 00:00:00 2001
From: johnnyd-eth <johnnyd.dev@gmail.com>
Date: Wed, 25 Sep 2024 11:18:05 +1000
Subject: [PATCH] feat: fix payouts not displaying in sep, add footer to v4
 project page

---
 src/constants/currency.ts                                   | 6 +++++-
 src/packages/v4/models/v4CurrencyOption.ts                  | 3 ++-
 src/packages/v4/utils/currency.ts                           | 5 ++++-
 .../v4/views/V4ProjectDashboard/V4ProjectDashboard.tsx      | 4 +++-
 .../V4CyclesPayoutsPanel/V4DistributePayoutsModal.tsx       | 2 +-
 5 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/constants/currency.ts b/src/constants/currency.ts
index 3b8d391b94..8a440685ae 100644
--- a/src/constants/currency.ts
+++ b/src/constants/currency.ts
@@ -1,4 +1,4 @@
-export type CurrencyName = 'ETH' | 'USD'
+export type CurrencyName = 'ETH' | 'USD' | 'SepETH'
 type CurrencySymbol = 'Ξ' | 'US$'
 export type CurrencyMetadata = {
   name: CurrencyName
@@ -10,6 +10,10 @@ export const CURRENCY_METADATA: Record<CurrencyName, CurrencyMetadata> = {
     name: 'ETH',
     symbol: 'Ξ',
   },
+  SepETH: {
+    name: 'SepETH',
+    symbol: 'Ξ',
+  },
   USD: {
     name: 'USD',
     symbol: 'US$',
diff --git a/src/packages/v4/models/v4CurrencyOption.ts b/src/packages/v4/models/v4CurrencyOption.ts
index 3f8b85a472..642decd073 100644
--- a/src/packages/v4/models/v4CurrencyOption.ts
+++ b/src/packages/v4/models/v4CurrencyOption.ts
@@ -1,4 +1,5 @@
 // same as v2v3 for now (@todo: make V4 specific)
 export type V4CurrencyETH = 1
 export type V4CurrencyUSD = 2
-export type V4CurrencyOption = V4CurrencyETH | V4CurrencyUSD
+export type V4CurrencySEP = 61166
+export type V4CurrencyOption = V4CurrencyETH | V4CurrencyUSD | V4CurrencySEP
diff --git a/src/packages/v4/utils/currency.ts b/src/packages/v4/utils/currency.ts
index e7bad5d225..f1f4b5681c 100644
--- a/src/packages/v4/utils/currency.ts
+++ b/src/packages/v4/utils/currency.ts
@@ -1,8 +1,10 @@
 import { CURRENCY_METADATA, CurrencyMetadata, CurrencyName } from "constants/currency"
-import { V4CurrencyETH, V4CurrencyOption, V4CurrencyUSD } from "../models/v4CurrencyOption"
+import { V4CurrencyETH, V4CurrencyOption, V4CurrencySEP, V4CurrencyUSD } from "../models/v4CurrencyOption"
 
 export const V4_CURRENCY_ETH: V4CurrencyETH = 1
 export const V4_CURRENCY_USD: V4CurrencyUSD = 2
+export const V4_CURRENCY_SEP: V4CurrencySEP = 61166
+
 
 export const V4_CURRENCY_METADATA: Record<
   V4CurrencyOption,
@@ -10,6 +12,7 @@ export const V4_CURRENCY_METADATA: Record<
 > = {
   [V4_CURRENCY_ETH]: CURRENCY_METADATA.ETH,
   [V4_CURRENCY_USD]: CURRENCY_METADATA.USD,
+  [V4_CURRENCY_SEP]: CURRENCY_METADATA.SepETH,
 }
 
 export const V4CurrencyName = (
diff --git a/src/packages/v4/views/V4ProjectDashboard/V4ProjectDashboard.tsx b/src/packages/v4/views/V4ProjectDashboard/V4ProjectDashboard.tsx
index 329294c3b2..52880d268e 100644
--- 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/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4DistributePayoutsModal.tsx b/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4DistributePayoutsModal.tsx
index b559162cc0..f82e3af61b 100644
--- a/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4DistributePayoutsModal.tsx
+++ b/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4DistributePayoutsModal.tsx
@@ -64,7 +64,7 @@ export default function V4DistributePayoutsModal({
       NATIVE_TOKEN,
       parseUnits(distributionAmount, NATIVE_TOKEN_DECIMALS),
       BigInt(payoutLimitAmountCurrency),
-      0n, // TODO?
+      0n,
     ] as const
 
     try {