feat: runepool granular flags (#8665)

Author: gomesalexandre

.env.base

@@ -41,6 +41,8 @@ REACT_APP_FEATURE_ARBITRUM_BRIDGE_CLAIMS=true
 REACT_APP_FEATURE_USDT_APPROVAL_RESET=true
 REACT_APP_FEATURE_PORTALS_SWAPPER=true
 REACT_APP_FEATURE_RUNEPOOL=true
+REACT_APP_FEATURE_RUNEPOOL_DEPOSIT=true
+REACT_APP_FEATURE_RUNEPOOL_WITHDRAW=true
 REACT_APP_FEATURE_MARKETS=true
 REACT_APP_FEATURE_FOX_PAGE=true
 REACT_APP_FEATURE_FOX_PAGE_RFOX=true

src/config.ts

@@ -165,6 +165,8 @@ const validators = {
   REACT_APP_FEATURE_ARBITRUM_BRIDGE_CLAIMS: bool({ default: false }),
   REACT_APP_FEATURE_USDT_APPROVAL_RESET: bool({ default: false }),
   REACT_APP_FEATURE_RUNEPOOL: bool({ default: false }),
+  REACT_APP_FEATURE_RUNEPOOL_DEPOSIT: bool({ default: false }),
+  REACT_APP_FEATURE_RUNEPOOL_WITHDRAW: bool({ default: false }),
   REACT_APP_FEATURE_MARKETS: bool({ default: false }),
   REACT_APP_PORTALS_BASE_URL: url(),
   REACT_APP_ZERION_BASE_URL: url(),

src/features/defi/providers/thorchain-savers/components/ThorchainSaversManager/Overview/ThorchainSaversOverview.tsx

@@ -145,6 +145,9 @@ export const ThorchainSaversOverview: React.FC<OverviewProps> = ({
   const isThorchainSaversDepositEnabled = useFeatureFlag('SaversVaultsDeposit')
   const isThorchainSaversWithdrawalsEnabled = useFeatureFlag('SaversVaultsWithdraw')
 
+  const isRunePoolDepositEnabled = useFeatureFlag('RunePoolDeposit')
+  const isRunepoolWithdrawEnabled = useFeatureFlag('RunePoolWithdraw')
+
   useEffect(() => {
     if (!maybeAccountId) return
     handleAccountIdChange(maybeAccountId)
@@ -335,15 +338,22 @@ export const ThorchainSaversOverview: React.FC<OverviewProps> = ({
       hasPendingTxs,
       hasPendingQueries,
       isHaltedDeposits: isTradingActive === false,
-      isDisabledDeposits: isThorchainSaversDepositEnabled === false,
-      isDisabledWithdrawals: isThorchainSaversWithdrawalsEnabled === false,
+      isDisabledDeposits:
+        (!isRunePool && isThorchainSaversDepositEnabled === false) ||
+        (isRunePool && !isRunePoolDepositEnabled),
+      isDisabledWithdrawals:
+        (!isRunePool && isThorchainSaversWithdrawalsEnabled === false) ||
+        (isRunePool && !isRunepoolWithdrawEnabled),
       remainingLockupTime,
     })
   }, [
     earnOpportunityData,
     hasPendingQueries,
     hasPendingTxs,
     isHardCapReached,
+    isRunePool,
+    isRunePoolDepositEnabled,
+    isRunepoolWithdrawEnabled,
     isThorchainSaversDepositEnabled,
     isThorchainSaversWithdrawalsEnabled,
     isTradingActive,

src/state/slices/preferencesSlice/preferencesSlice.ts

@@ -61,6 +61,8 @@ export type FeatureFlags = {
   ArbitrumBridgeClaims: boolean
   UsdtApprovalReset: boolean
   RunePool: boolean
+  RunePoolDeposit: boolean
+  RunePoolWithdraw: boolean
   Markets: boolean
   PhantomWallet: boolean
   FoxPage: boolean
@@ -161,6 +163,8 @@ const initialState: Preferences = {
     ArbitrumBridgeClaims: getConfig().REACT_APP_FEATURE_ARBITRUM_BRIDGE_CLAIMS,
     UsdtApprovalReset: getConfig().REACT_APP_FEATURE_USDT_APPROVAL_RESET,
     RunePool: getConfig().REACT_APP_FEATURE_RUNEPOOL,
+    RunePoolDeposit: getConfig().REACT_APP_FEATURE_RUNEPOOL_DEPOSIT,
+    RunePoolWithdraw: getConfig().REACT_APP_FEATURE_RUNEPOOL_WITHDRAW,
     Markets: getConfig().REACT_APP_FEATURE_MARKETS,
     PhantomWallet: getConfig().REACT_APP_FEATURE_PHANTOM_WALLET,
     FoxPage: getConfig().REACT_APP_FEATURE_FOX_PAGE,

src/test/mocks/store.ts

@@ -126,6 +126,8 @@ export const mockStore: ReduxState = {
       ArbitrumBridgeClaims: false,
       UsdtApprovalReset: false,
       RunePool: false,
+      RunePoolDeposit: false,
+      RunePoolWithdraw: false,
       PortalsSwap: false,
       Markets: false,
       PhantomWallet: false,