NETLIFY CONTEXT HOTFIX (#627)

we need a specific deploy context instead of relying on the reserved
one.

Co-authored-by: wil <wil@storyteller.ai>

.env

@@ -6,5 +6,5 @@ GRAVATAR_API="https://www.gravatar.com"
 DEPLOY_PRIME_URL="https://studio-staging.studio.storyteller.ai"
 REACT_APP_PUBLIC_POSTHOG_KEY="phc_jBFgac0mVALAFk3negnSfYCcHgvkT00yBLQDmCDYNBb"
 REACT_APP_PUBLIC_POSTHOG_UI="https://us.i.posthog.com"
+DEPLOY_CONTEXT="DEVELOPMENT"
 CONTEXT="DEVELOPMENT"
-# CONTEXT="PRODUCTION"

app/hooks/usePosthogFeatureFlag/usePosthogFeatureFlag.tsx

@@ -4,7 +4,10 @@ import environmentVariables from "~/Classes/EnvironmentVariables";
 
 export const usePosthogFeatureFlag = (flag: FeatureFlags): boolean => {
   const enabled = useFeatureFlagEnabled(flag) ?? false;
-  if (environmentVariables.values.CONTEXT !== "PRODUCTION") {
+  if (
+    environmentVariables.values.DEPLOY_CONTEXT &&
+    environmentVariables.values.DEPLOY_CONTEXT === "DEVELOPMENT"
+  ) {
     return true;
   }
   return enabled;

app/root.tsx

@@ -79,6 +79,8 @@ export async function loader() {
       "%REACT_APP_PUBLIC_POSTHOG_UI%",
     // @ts-expect-error ProvessEnv is correct
     CONTEXT: process.env.CONTEXT || "%CONTEXT%",
+    // @ts-expect-error ProvessEnv is correct
+    DEPLOY_CONTEXT: process.env.DEPLOY_CONTEXT || "%DEPLOY_CONTEXT%",
   } as Record<string, string | boolean>;
   return { ENV: env };
 }