Merge pull request #2326 from JoinColony/maintenance/disable-token-ac…

…tions Disable Token Actions if Not Available
JoinColony · May 7, 2024 · b6c9d9f · b6c9d9f
2 parents 3cb57bb + 9ee4de3
commit b6c9d9f
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 19 deletions.
diff --git a/src/components/frame/Extensions/layouts/hooks.tsx b/src/components/frame/Extensions/layouts/hooks.tsx
@@ -106,7 +106,7 @@ export const useCalamityBannerInfo = (): UseCalamityBannerInfoReturnType => {
 
 export const useMainMenuItems = (hasTransactionId: boolean) => {
   const {
-    colony: { metadata },
+    colony: { metadata, status },
   } = useColonyContext();
 
   const {
@@ -293,14 +293,6 @@ export const useMainMenuItems = (hasTransactionId: boolean) => {
                 [ACTION_TYPE_FIELD_NAME]: Action.ManageTokens,
               }),
           },
-          {
-            key: '9',
-            label: formatText({ id: 'actions.mintTokens' }),
-            onClick: () =>
-              toggleActionSidebarOn({
-                [ACTION_TYPE_FIELD_NAME]: Action.MintTokens,
-              }),
-          },
         ],
       },
     },
@@ -387,6 +379,17 @@ export const useMainMenuItems = (hasTransactionId: boolean) => {
     },
   ];
 
+  if (status?.nativeToken?.mintable) {
+    mainMenuItems[3].relatedActionsProps?.items?.push({
+      key: '9',
+      label: formatText({ id: 'actions.mintTokens' }),
+      onClick: () =>
+        toggleActionSidebarOn({
+          [ACTION_TYPE_FIELD_NAME]: Action.MintTokens,
+        }),
+    });
+  }
+
   return mainMenuItems;
 };
 

diff --git a/src/components/frame/v5/pages/BalancePage/partials/BalanceTable/BalanceTable.tsx b/src/components/frame/v5/pages/BalancePage/partials/BalanceTable/BalanceTable.tsx
@@ -134,7 +134,7 @@ const BalanceTable: FC = () => {
           ),
           icon: ArrowSquareOut,
         },
-        ...(isTokenNative
+        ...(isTokenNative && nativeTokenStatus?.mintable
           ? [
               {
                 key: 'mint_tokens',

diff --git a/src/components/v5/common/ActionSidebar/hooks/useActionsList.ts b/src/components/v5/common/ActionSidebar/hooks/useActionsList.ts
@@ -1,11 +1,13 @@
 import { useMemo } from 'react';
 
 import { Action } from '~constants/actions.ts';
+import { useColonyContext } from '~context/ColonyContext/ColonyContext.ts';
 import { type SearchSelectOptionProps } from '~v5/shared/SearchSelect/types.ts';
 
 const useActionsList = () => {
-  return useMemo(
-    (): SearchSelectOptionProps[] => [
+  const { colony } = useColonyContext();
+  return useMemo((): SearchSelectOptionProps[] => {
+    const actionsListOptions: SearchSelectOptionProps[] = [
       {
         key: '1',
         title: { id: 'actions.payments' },
@@ -129,9 +131,15 @@ const useActionsList = () => {
           // },
         ],
       },
-    ],
-    [],
-  );
+    ];
+    if (!colony?.status?.nativeToken?.mintable) {
+      actionsListOptions[2].options[1].isDisabled = true;
+    }
+    if (!colony?.status?.nativeToken?.unlockable) {
+      actionsListOptions[2].options[2].isDisabled = true;
+    }
+    return actionsListOptions;
+  }, [colony]);
 };
 
 export default useActionsList;
diff --git a/src/components/v5/shared/SearchSelect/partials/SearchItem/SearchItem.tsx b/src/components/v5/shared/SearchSelect/partials/SearchItem/SearchItem.tsx
@@ -38,16 +38,15 @@ const SearchItem: FC<SearchItemProps> = ({
           label,
           value,
           isDisabled,
+          isComingSoon,
           avatar,
           showAvatar,
           color,
           walletAddress = '',
           token,
           isVerified,
         }) => {
-          const firstDisabledOption = options.filter(
-            (option) => option.isDisabled,
-          )[0];
+          const comingSoonOption = isComingSoon || (isDisabled && isComingSoon);
           const labelText = formatText(label || '');
 
           const hasAvatar = showAvatar || !!color || !!token;
@@ -122,7 +121,7 @@ const SearchItem: FC<SearchItemProps> = ({
                     />
                   )}
                   {!label && <span className="truncate">{walletAddress}</span>}
-                  {firstDisabledOption?.value === value && (
+                  {comingSoonOption && (
                     <div className="absolute right-0 top-1/2 -translate-y-1/2 transform">
                       <ExtensionsStatusBadge
                         mode="coming-soon"

diff --git a/src/components/v5/shared/SearchSelect/types.ts b/src/components/v5/shared/SearchSelect/types.ts
@@ -27,6 +27,7 @@ export interface SearchSelectOption {
   label: MessageDescriptor | string;
   value: string | number;
   isDisabled?: boolean;
+  isComingSoon?: boolean;
   avatar?: string;
   thumbnail?: string;
   showAvatar?: boolean;