Hide customHints behind a featureFlag for now

Author: benjaminaaron

src/featureFlags.js

@@ -2,7 +2,8 @@ const defaultFlags = {
     subindividuals: false,
     matchingEnginePerformanceLogging: false,
     profileUpdates: false,
-    writtenViolations: false
+    writtenViolations: false,
+    customHints: false,
 };
 
 const getFeatureFlag = (flag) => {
@@ -15,6 +16,7 @@ const featureFlags = {
     matchingEnginePerformanceLogging: getFeatureFlag('matchingEnginePerformanceLogging'),
     profileUpdates: getFeatureFlag('profileUpdates'),
     writtenViolations: getFeatureFlag('writtenViolations'),
+    customHints: getFeatureFlag('customHints'),
 };
 
 export const setFeatureFlag = (flag, value) => {

src/ui/screens/benefit-page/BenefitPageScreen.js

@@ -8,6 +8,7 @@ import BenefitPageApplication from './components/BenefitPageApplication';
 import BenefitPageRequirements from './components/BenefitPageRequirements';
 import BenefitPageLocal from './components/BenefitPageLocal';
 import BenefitPageCustomHints from "@/ui/screens/benefit-page/components/BenefitPageCustomHints";
+import featureFlags from "@/featureFlags";
 
 const BenefitPageScreen = ({
     t,
@@ -38,7 +39,7 @@ const BenefitPageScreen = ({
                     />
                     <VBox sx={{ gap: { xs: 4, md: 8 }}}>
                         {
-                            customHints && customHints.length > 0 && (
+                            featureFlags.customHints && customHints && customHints.length > 0 && (
                                 <BenefitPageCustomHints t={t} isDesktop={isDesktop} customHints={customHints} />
                             )
                         }