From d0f83d767f51a26f600f91b5f1aa0022137e8f9a Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Tue, 19 Nov 2024 18:29:36 +0000
Subject: [PATCH] Move all non-live content behind the same flag

It'll all go live together but we'll do a CreateAI release before that.
---
 src/components/HelpMenuItems.tsx | 21 ++++++----
 src/flags.ts                     |  6 +--
 src/pages/HomePage.tsx           | 72 +++++++++++++++++---------------
 3 files changed, 53 insertions(+), 46 deletions(-)

diff --git a/src/components/HelpMenuItems.tsx b/src/components/HelpMenuItems.tsx
index f542551bf..086a7aeb7 100644
--- a/src/components/HelpMenuItems.tsx
+++ b/src/components/HelpMenuItems.tsx
@@ -17,6 +17,7 @@ import { userGuideUrl } from "../utils/external-links";
 import AboutDialog from "./AboutDialog";
 import ConnectFirstDialog from "./ConnectFirstDialog";
 import FeedbackForm from "./FeedbackForm";
+import { flags } from "../flags";
 
 const HelpMenuItems = () => {
   const aboutDialogDisclosure = useDisclosure();
@@ -35,15 +36,17 @@ const HelpMenuItems = () => {
         onClose={feedbackDisclosure.onClose}
         finalFocusRef={menuButtonRef}
       />
-      <MenuItem
-        as="a"
-        href={userGuideUrl()}
-        target="_blank"
-        rel="noopener"
-        icon={<RiExternalLinkLine />}
-      >
-        <FormattedMessage id="user-guide" />
-      </MenuItem>
+      {flags.websiteContent && (
+        <MenuItem
+          as="a"
+          href={userGuideUrl()}
+          target="_blank"
+          rel="noopener"
+          icon={<RiExternalLinkLine />}
+        >
+          <FormattedMessage id="user-guide" />
+        </MenuItem>
+      )}
       <TourMenuItem />
       {deployment.supportLinks.main && (
         <>
diff --git a/src/flags.ts b/src/flags.ts
index 40df05d4b..75b1f93b1 100644
--- a/src/flags.ts
+++ b/src/flags.ts
@@ -20,9 +20,9 @@ export type Flag =
    */
   | "preReleaseNotice"
   /**
-   * Flag to show the home page projects section which lacks content.
+   * Flag to show links to website content for the CreateAI release.
    */
-  | "homePageProjects"
+  | "websiteContent"
   /**
    * Example flags used for testing.
    */
@@ -37,7 +37,7 @@ interface FlagMetadata {
 const allFlags: FlagMetadata[] = [
   // Alphabetical order.
   { name: "devtools", defaultOnStages: ["local"] },
-  { name: "homePageProjects", defaultOnStages: ["local", "review", "staging"] },
+  { name: "websiteContent", defaultOnStages: ["local", "review", "staging"] },
   {
     name: "preReleaseNotice",
     defaultOnStages: ["production"],
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 5631c6d8a..63ca89947 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -122,23 +122,25 @@ const HomePage = () => {
               alt={intl.formatMessage({ id: "homepage-video-alt" })}
             />
           </Box>
-          <Text fontSize="md">
-            <FormattedMessage
-              id="homepage-how-it-works-paragraph"
-              values={{
-                appNameFull,
-                link: (children) => (
-                  <Link
-                    color="brand.600"
-                    textDecoration="underline"
-                    href={userGuideUrl()}
-                  >
-                    {children}
-                  </Link>
-                ),
-              }}
-            />
-          </Text>
+          {flags.websiteContent && (
+            <Text fontSize="md">
+              <FormattedMessage
+                id="homepage-how-it-works-paragraph"
+                values={{
+                  appNameFull,
+                  link: (children) => (
+                    <Link
+                      color="brand.600"
+                      textDecoration="underline"
+                      href={userGuideUrl()}
+                    >
+                      {children}
+                    </Link>
+                  ),
+                }}
+              />
+            </Text>
+          )}
         </VStack>
         <VStack gap={10}>
           <Heading as="h2" textAlign="center" variant="marketing">
@@ -152,7 +154,7 @@ const HomePage = () => {
             <StepByStepIllustration />
           </VStack>
         </VStack>
-        {flags.homePageProjects && (
+        {flags.websiteContent && (
           <VStack gap={10}>
             <Heading as="h2" textAlign="center" variant="marketing">
               <FormattedMessage id="homepage-projects" />
@@ -173,22 +175,24 @@ const HomePage = () => {
                 imgSrc={projectImage2}
               />
             </HStack>
-            <Text fontSize="md">
-              <FormattedMessage
-                id="homepage-projects-more"
-                values={{
-                  link: (children) => (
-                    <Link
-                      color="brand.600"
-                      textDecoration="underline"
-                      href={landingPageUrl()}
-                    >
-                      {children}
-                    </Link>
-                  ),
-                }}
-              />
-            </Text>
+            {flags.websiteContent && (
+              <Text fontSize="md">
+                <FormattedMessage
+                  id="homepage-projects-more"
+                  values={{
+                    link: (children) => (
+                      <Link
+                        color="brand.600"
+                        textDecoration="underline"
+                        href={landingPageUrl()}
+                      >
+                        {children}
+                      </Link>
+                    ),
+                  }}
+                />
+              </Text>
+            )}
           </VStack>
         )}
       </Container>