fix: remove reserved tokens list box when reserved tokens and rate ar…

…e zero (#4353)
jbx-protocol · Jun 10, 2024 · 438e411 · 438e411
1 parent 48d23f0
commit 438e411
Showing 1 changed file with 40 additions and 35 deletions.
diff --git a/...V2V3Project/ProjectDashboard/components/TokensPanel/components/ReservedTokensSubPanel.tsx b/...V2V3Project/ProjectDashboard/components/TokensPanel/components/ReservedTokensSubPanel.tsx
@@ -47,42 +47,47 @@ export const ReservedTokensSubPanel = ({
             tooltip={reservedRateTooltip}
           />
         </div>
-        <TitleDescriptionDisplayCard
-          className="w-full"
-          title={t`Reserved tokens list`}
-          kebabMenu={{
-            items: kebabMenuItems,
-          }}
-        >
-          {reservedTokens ||
-          reservedRate ||
-          (reservedList && reservedList.length > 1) ? (
-            <>
-              <div className="mt-4 flex w-full flex-col divide-y divide-grey-200 border-b border-grey-200 dark:divide-slate-500 dark:border-slate-500">
-                {reservedList
-                  ? reservedList.map(props => (
-                      <ProjectAllocationRow
-                        key={`${props.address}${props.projectId}`}
-                        {...props}
-                      />
-                    ))
-                  : null}
-              </div>
+        {reservedRate &&
+        reservedTokens &&
+        reservedTokens !== '0' &&
+        reservedRate !== '0' ? (
+          <TitleDescriptionDisplayCard
+            className="w-full"
+            title={t`Reserved tokens list`}
+            kebabMenu={{
+              items: kebabMenuItems,
+            }}
+          >
+            {reservedTokens ||
+            reservedRate ||
+            (reservedList && reservedList.length > 1) ? (
+              <>
+                <div className="mt-4 flex w-full flex-col divide-y divide-grey-200 border-b border-grey-200 dark:divide-slate-500 dark:border-slate-500">
+                  {reservedList
+                    ? reservedList.map(props => (
+                        <ProjectAllocationRow
+                          key={`${props.address}${props.projectId}`}
+                          {...props}
+                        />
+                      ))
+                    : null}
+                </div>
 
-              <SendReservedTokensButton
-                className="z-0 w-full justify-center md:w-auto"
-                containerClassName="md:self-end mt-6 inline-flex"
-              />
-            </>
-          ) : (
-            <div className="mt-5">
-              <Trans>
-                No distributable reserved tokens have been configured for this
-                project.
-              </Trans>
-            </div>
-          )}
-        </TitleDescriptionDisplayCard>
+                <SendReservedTokensButton
+                  className="z-0 w-full justify-center md:w-auto"
+                  containerClassName="md:self-end mt-6 inline-flex"
+                />
+              </>
+            ) : (
+              <div className="mt-5">
+                <Trans>
+                  No distributable reserved tokens have been configured for this
+                  project.
+                </Trans>
+              </div>
+            )}
+          </TitleDescriptionDisplayCard>
+        ) : null}
       </div>
     </div>
   )