feat(feature-flag): add feature flag from gb

src/constants/featureFlags.ts

@@ -0,0 +1,3 @@
+export const FEATURE_FLAGS = {
+  STYLING_REVAMP: "styles",
+} as const

src/layouts/FeatureFlaggedContactUs.tsx

@@ -1,16 +1,16 @@
+import { useFeatureIsOn } from "@growthbook/growthbook-react"
 import { useParams } from "react-router-dom"
 
-import { OGP_SITES, TESTING_SITES } from "constants/sites"
+import { FEATURE_FLAGS } from "constants/featureFlags"
 
 import EditContactUs from "./EditContactUs"
 import LegacyEditContactUs from "./LegacyEditContactUs"
 
 export const FeatureFlaggedContactUs = (): JSX.Element => {
   const params = useParams<{ siteName: string }>()
-  const isOgpSite =
-    OGP_SITES.includes(params.siteName) ||
-    TESTING_SITES.includes(params.siteName)
-  return isOgpSite ? (
+  const shouldShowNewStyles = useFeatureIsOn(FEATURE_FLAGS.STYLING_REVAMP)
+
+  return shouldShowNewStyles ? (
     <EditContactUs match={{ params }} />
   ) : (
     <LegacyEditContactUs match={{ params }} />

src/layouts/FeatureFlaggedHomepage.tsx

@@ -1,16 +1,16 @@
+import { useFeatureIsOn } from "@growthbook/growthbook-react"
 import { useParams } from "react-router-dom"
 
-import { OGP_SITES, TESTING_SITES } from "constants/sites"
+import { FEATURE_FLAGS } from "constants/featureFlags"
 
 import EditHomepage from "./EditHomepage"
 import LegacyEditHomepage from "./LegacyEditHomepage/LegacyEditHomepage"
 
 export const FeatureFlaggedHomepage = (): JSX.Element => {
   const params = useParams<{ siteName: string }>()
-  const isOgpSite =
-    OGP_SITES.includes(params.siteName) ||
-    TESTING_SITES.includes(params.siteName)
-  return isOgpSite ? (
+  const shouldShowNewStyles = useFeatureIsOn(FEATURE_FLAGS.STYLING_REVAMP)
+
+  return shouldShowNewStyles ? (
     <EditHomepage match={{ params }} />
   ) : (
     <LegacyEditHomepage match={{ params }} />