feat: add testflag to show deposit toggle (#1223)

dydxprotocol · Oct 25, 2024 · fab7e4d · fab7e4d
1 parent db1d063
commit fab7e4d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/lib/testFlags.ts b/src/lib/testFlags.ts
@@ -69,6 +69,10 @@ class TestFlags {
   get onboardingRewrite() {
     return !!this.queryParams.onboarding_rewrite;
   }
+
+  get showInstantDepositToggle() {
+    return !!this.queryParams.funkit_toggle;
+  }
 }
 
 export const testFlags = new TestFlags();
diff --git a/src/views/dialogs/DepositDialog.tsx b/src/views/dialogs/DepositDialog.tsx
@@ -16,6 +16,8 @@ import { Dialog, DialogPlacement } from '@/components/Dialog';
 import { useAppDispatch } from '@/state/appTypes';
 import { closeDialog } from '@/state/dialogs';
 
+import { testFlags } from '@/lib/testFlags';
+
 import { DepositDialogContent } from './DepositDialog/DepositDialogContent';
 
 enum DepositType {
@@ -32,7 +34,8 @@ export const DepositDialog = ({
   const startCheckout = useFunkitBuyNobleUsdc();
   const dispatch = useAppDispatch();
   const ffEnableFunkit =
-    useStatsigGateValue(StatsigFlags.ffEnableFunkit) && import.meta.env.VITE_FUNKIT_API_KEY;
+    (useStatsigGateValue(StatsigFlags.ffEnableFunkit) || testFlags.showInstantDepositToggle) &&
+    import.meta.env.VITE_FUNKIT_API_KEY;
 
   const {
     sourceAccount: { walletInfo },

diff --git a/src/views/forms/AccountManagementForms/DepositForm.tsx b/src/views/forms/AccountManagementForms/DepositForm.tsx
@@ -82,6 +82,7 @@ import { dd } from '@/lib/analytics/datadog';
 import { isNativeDenom, WAGMI_COSMJS_NATIVE_TOKEN_ADDRESS } from '@/lib/assetUtils';
 import { MustBigNumber } from '@/lib/numbers';
 import { log } from '@/lib/telemetry';
+import { testFlags } from '@/lib/testFlags';
 import { sleep } from '@/lib/timeUtils';
 import { parseWalletError } from '@/lib/wallet';
 
@@ -114,7 +115,8 @@ export const DepositForm = ({ onDeposit, onError }: DepositFormProps) => {
   const selectedDydxChainId = useAppSelector(getSelectedDydxChainId);
   const { hasAcknowledgedTerms } = useAppSelector(getOnboardingGuards);
   const ffEnableFunkit =
-    useStatsigGateValue(StatsigFlags.ffEnableFunkit) && import.meta.env.VITE_FUNKIT_API_KEY;
+    (useStatsigGateValue(StatsigFlags.ffEnableFunkit) || testFlags.showInstantDepositToggle) &&
+    import.meta.env.VITE_FUNKIT_API_KEY;
 
   const {
     dydxAddress,