fix: Ensure reserved token recipients does not show when reserved rat… (

#4583)
jbx-protocol · Jan 21, 2025 · 09cbb89 · 09cbb89
1 parent c223ae8
commit 09cbb89
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 20 deletions.
diff --git a/...Create/components/pages/ReviewDeploy/components/ProjectTokenReview/ProjectTokenReview.tsx b/...Create/components/pages/ReviewDeploy/components/ProjectTokenReview/ProjectTokenReview.tsx
@@ -6,6 +6,7 @@ import {
   formatRedemptionRate,
   formatReservedRate,
 } from 'packages/v2v3/utils/math'
+import React from 'react'
 import { formatAmount } from 'utils/format/formatAmount'
 import * as ProjectTokenForm from '../../../ProjectToken/hooks/useProjectTokenForm'
 import { ReviewDescription } from '../ReviewDescription'
@@ -23,6 +24,15 @@ export const ProjectTokenReview = () => {
     weight,
   } = useProjectTokenReview()
 
+  const showReservedTokenRecipients = React.useMemo(() => {
+    return (
+      (reservedRate.length > 0
+        ? BigInt(reservedRate)
+        : BigInt(ProjectTokenForm.DefaultSettings.reservedTokensPercentage)) >
+      0n
+    )
+  }, [reservedRate])
+
   return (
     <div className="flex flex-col gap-y-10 pt-5 pb-12 md:grid md:grid-cols-4">
       <ReviewDescription
@@ -49,16 +59,19 @@ export const ProjectTokenReview = () => {
           </div>
         }
       />
-      <ReviewDescription
-        className="col-span-2"
-        title={t`Reserved token recipients`}
-        desc={
-          <ReservedTokensList
-            value={allocationSplits}
-            onChange={setAllocationSplits}
-          />
-        }
-      />
+      {showReservedTokenRecipients && (
+        <ReviewDescription
+          className="col-span-2"
+          title={t`Reserved token recipients`}
+          desc={
+            <ReservedTokensList
+              value={allocationSplits}
+              onChange={setAllocationSplits}
+              isEditable={false}
+            />
+          }
+        />
+      )}
       <ReviewDescription
         title={t`Issuance reduction rate`}
         desc={

diff --git a/...Create/components/pages/ReviewDeploy/components/ProjectTokenReview/ProjectTokenReview.tsx b/...Create/components/pages/ReviewDeploy/components/ProjectTokenReview/ProjectTokenReview.tsx
@@ -6,6 +6,7 @@ import {
   formatRedemptionRate,
   formatReservedRate,
 } from 'packages/v2v3/utils/math'
+import React from 'react'
 import { formatAmount } from 'utils/format/formatAmount'
 import * as ProjectTokenForm from '../../../ProjectToken/hooks/useProjectTokenForm'
 import { ReviewDescription } from '../ReviewDescription'
@@ -23,6 +24,15 @@ export const ProjectTokenReview = () => {
     weight,
   } = useProjectTokenReview()
 
+  const showReservedTokenRecipients = React.useMemo(() => {
+    return (
+      (reservedRate.length > 0
+        ? BigInt(reservedRate)
+        : BigInt(ProjectTokenForm.DefaultSettings.reservedTokensPercentage)) >
+      0n
+    )
+  }, [reservedRate])
+
   return (
     <div className="flex flex-col gap-y-10 pt-5 pb-12 md:grid md:grid-cols-4">
       <ReviewDescription
@@ -49,16 +59,19 @@ export const ProjectTokenReview = () => {
           </div>
         }
       />
-      <ReviewDescription
-        className="col-span-2"
-        title={t`Reserved token recipients`}
-        desc={
-          <ReservedTokensList
-            value={allocationSplits}
-            onChange={setAllocationSplits}
-          />
-        }
-      />
+      {showReservedTokenRecipients && (
+        <ReviewDescription
+          className="col-span-2"
+          title={t`Reserved token recipients`}
+          desc={
+            <ReservedTokensList
+              value={allocationSplits}
+              onChange={setAllocationSplits}
+              isEditable={false}
+            />
+          }
+        />
+      )}
       <ReviewDescription
         title={t`Decay percent`}
         desc={