Merge pull request #3799 from JoinColony/feat/3797-arbitrary-txs-feat…

…ure-flag feat: add feature flag to arbitrary transactions
JoinColony · Dec 2, 2024 · b529875 · b529875
2 parents 61c1112 + 224719f
commit b529875
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/src/components/v5/common/ActionSidebar/hooks/useActionsList.ts b/src/components/v5/common/ActionSidebar/hooks/useActionsList.ts
@@ -2,13 +2,19 @@ import { useMemo } from 'react';
 
 import { Action } from '~constants/actions.ts';
 import { useColonyContext } from '~context/ColonyContext/ColonyContext.ts';
+import { useFeatureFlagsContext } from '~context/FeatureFlagsContext/FeatureFlagsContext.ts';
 import useEnabledExtensions from '~hooks/useEnabledExtensions.ts';
 import { type SearchSelectOptionProps } from '~v5/shared/SearchSelect/types.ts';
 
 const useActionsList = () => {
   const { colony } = useColonyContext();
   const { isStagedExpenditureEnabled } = useEnabledExtensions();
 
+  const featureFlags = useFeatureFlagsContext();
+  const isFeatureFlagArbitraryTxsEnabled =
+    featureFlags.ARBITRARY_TXS_ACTION?.isLoading ||
+    featureFlags.ARBITRARY_TXS_ACTION?.isEnabled;
+
   return useMemo((): SearchSelectOptionProps[] => {
     const actionsListOptions: SearchSelectOptionProps[] = [
       {
@@ -133,7 +139,9 @@ const useActionsList = () => {
           // },
         ],
       },
-      {
+    ];
+    if (isFeatureFlagArbitraryTxsEnabled) {
+      actionsListOptions.push({
         key: '6',
         isAccordion: true,
         title: { id: 'actions.transactions' },
@@ -144,8 +152,8 @@ const useActionsList = () => {
             isNew: true,
           },
         ],
-      },
-    ];
+      });
+    }
     if (!isStagedExpenditureEnabled) {
       const stagedPaymentIndex = actionsListOptions[0].options.findIndex(
         ({ value }) => value === Action.StagedPayment,
@@ -160,7 +168,7 @@ const useActionsList = () => {
       actionsListOptions[2].options[2].isDisabled = true;
     }
     return actionsListOptions;
-  }, [colony, isStagedExpenditureEnabled]);
+  }, [colony, isStagedExpenditureEnabled, isFeatureFlagArbitraryTxsEnabled]);
 };
 
 export default useActionsList;
diff --git a/src/context/FeatureFlagsContext/FeatureFlagsContextProvider.tsx b/src/context/FeatureFlagsContext/FeatureFlagsContextProvider.tsx
@@ -34,6 +34,7 @@ const FeatureFlagsContextProvider: FC<PropsWithChildren> = ({ children }) => {
   const cryptoToFiatWithdrawalsFeature = useFeatureFlag(
     FeatureFlag.CRYPTO_TO_FIAT_WITHDRAWALS,
   );
+  const arbitraryTxsAction = useFeatureFlag(FeatureFlag.ARBITRARY_TXS_ACTION);
 
   const featureFlags: Record<
     FeatureFlag,
@@ -42,8 +43,9 @@ const FeatureFlagsContextProvider: FC<PropsWithChildren> = ({ children }) => {
     () => ({
       [FeatureFlag.CRYPTO_TO_FIAT]: cryptoToFiatFeature,
       [FeatureFlag.CRYPTO_TO_FIAT_WITHDRAWALS]: cryptoToFiatWithdrawalsFeature,
+      [FeatureFlag.ARBITRARY_TXS_ACTION]: arbitraryTxsAction,
     }),
-    [cryptoToFiatFeature, cryptoToFiatWithdrawalsFeature],
+    [cryptoToFiatFeature, cryptoToFiatWithdrawalsFeature, arbitraryTxsAction],
   );
 
   return (

diff --git a/src/context/FeatureFlagsContext/types.ts b/src/context/FeatureFlagsContext/types.ts
@@ -1,6 +1,7 @@
 export enum FeatureFlag {
   CRYPTO_TO_FIAT = 'CRYPTO_TO_FIAT',
   CRYPTO_TO_FIAT_WITHDRAWALS = 'CRYPTO_TO_FIAT_WITHDRAWALS',
+  ARBITRARY_TXS_ACTION = 'ARBITRARY_TXS_ACTION',
 }
 
 export interface FeatureFlagValue {