added feature flag using useFeatureFlag hook

hackforla · Sep 27, 2023 · f0e8693 · f0e8693
1 parent 1f0824d
commit f0e8693
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 9 deletions.
diff --git a/client/.env.local b/client/.env.local
@@ -0,0 +1 @@
+REACT_APP_FEATURE_FLAGS=["advancedFilter"]
diff --git a/client/src/components/FoodSeeker/SearchResults/ResultsMap/ResultsMap.js b/client/src/components/FoodSeeker/SearchResults/ResultsMap/ResultsMap.js
@@ -37,6 +37,7 @@ import {
 } from "../../../../appReducer";
 import "mapbox-gl/dist/mapbox-gl.css";
 import { useNavigate, useLocation } from "react-router-dom";
+import useFeatureFlag from "hooks/useFeatureFlag";
 
 const ResultsMap = (
   {
@@ -78,6 +79,8 @@ const ResultsMap = (
   const regionGeoJSON = neighborhood?.geojson;
   const startIconCoordinates = searchCoordinates || userCoordinates;
 
+  const hasAdvancedFilterFeatureFlag = useFeatureFlag("advancedFilter");
+
   useEffect(() => {
     analytics.postEvent("showMap");
   }, []);
@@ -202,15 +205,18 @@ const ResultsMap = (
           <Map.Layer {...regionBorderStyle} />
         </Map.Source>
       )}
-      <Button
-        variant="outlined"
-        onClick={searchMapArea}
-        size="small"
-        className={classes.searchButton}
-        disabled={loading}
-      >
-        Search this area
-      </Button>
+
+      {!hasAdvancedFilterFeatureFlag && (
+        <Button
+          variant="outlined"
+          onClick={searchMapArea}
+          size="small"
+          className={classes.searchButton}
+          disabled={loading}
+        >
+          Search this area
+        </Button>
+      )}
     </ReactMapGL>
   );
 };

diff --git a/client/src/hooks/useFeatureFlag.js b/client/src/hooks/useFeatureFlag.js
@@ -0,0 +1,5 @@
+export default function useFeatureFlag(flagName) {
+    const featureFlags = JSON.parse(process.env.REACT_APP_FEATURE_FLAGS || "[]");
+
+    return featureFlags.includes(flagName);
+}