feature: add geoblock feature flag (#1230)

interlay · May 25, 2023 · 63487d0 · 63487d0 · vercel · May 25, 2023
1 parent 0d81dc5
commit 63487d0
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/components/Geoblock/Geoblock.tsx b/src/components/Geoblock/Geoblock.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 import { useGeoblocking } from '@/utils/hooks/use-geoblocking';
 

diff --git a/src/utils/hooks/use-feature-flag.ts b/src/utils/hooks/use-feature-flag.ts
@@ -3,15 +3,17 @@ enum FeatureFlags {
   AMM = 'amm',
   WALLET = 'wallet',
   BANXA = 'banxa',
-  EARN_STRATEGIES = 'earn-strategies'
+  EARN_STRATEGIES = 'earn-strategies',
+  GEOBLOCK = 'geoblock'
 }
 
 const featureFlags: Record<FeatureFlags, string | undefined> = {
   [FeatureFlags.LENDING]: process.env.REACT_APP_FEATURE_FLAG_LENDING,
   [FeatureFlags.AMM]: process.env.REACT_APP_FEATURE_FLAG_AMM,
   [FeatureFlags.WALLET]: process.env.REACT_APP_FEATURE_FLAG_WALLET,
   [FeatureFlags.BANXA]: process.env.REACT_APP_FEATURE_FLAG_BANXA,
-  [FeatureFlags.EARN_STRATEGIES]: process.env.REACT_APP_FEATURE_FLAG_EARN_STRATEGIES
+  [FeatureFlags.EARN_STRATEGIES]: process.env.REACT_APP_FEATURE_FLAG_EARN_STRATEGIES,
+  [FeatureFlags.GEOBLOCK]: process.env.REACT_APP_FEATURE_FLAG_GEOBLOCK
 };
 
 const useFeatureFlag = (feature: FeatureFlags): boolean => featureFlags[feature] === 'enabled';

diff --git a/src/utils/hooks/use-geoblocking.ts b/src/utils/hooks/use-geoblocking.ts
@@ -1,9 +1,14 @@
 import { useEffect } from 'react';
 
 import { GEOBLOCK_API_ENDPOINT, GEOBLOCK_REDIRECTION_LINK } from '@/config/links';
+import { FeatureFlags, useFeatureFlag } from '@/utils/hooks/use-feature-flag';
 
 const useGeoblocking = (): void => {
+  const isGeoblockEnabled = useFeatureFlag(FeatureFlags.GEOBLOCK);
+
   useEffect(() => {
+    if (!isGeoblockEnabled) return;
+
     const checkCountry = async () => {
       try {
         const response = await fetch(GEOBLOCK_API_ENDPOINT);
@@ -16,7 +21,7 @@ const useGeoblocking = (): void => {
       }
     };
     checkCountry();
-  }, []);
+  }, [isGeoblockEnabled]);
 };
 
 export { useGeoblocking };