Hide tutorial icon if tutorial is not enabled

CodeForAfrica · Nov 7, 2024 · de4fd47 · de4fd47
1 parent 7cbea73
commit de4fd47
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 19 deletions.
diff --git a/apps/climatemappedafrica/src/components/Navigation/ExploreNavigation/index.js b/apps/climatemappedafrica/src/components/Navigation/ExploreNavigation/index.js
@@ -41,7 +41,13 @@ const useStyles = makeStyles(({ palette, typography }) => ({
   },
 }));
 
-function ExploreNavigation({ explorePagePath, locations, logo, variant }) {
+function ExploreNavigation({
+  explorePagePath,
+  locations,
+  logo,
+  tutorialEnabled,
+  variant,
+}) {
   const classes = useStyles();
   const { setIsOpen } = useTour();
 
@@ -83,24 +89,26 @@ function ExploreNavigation({ explorePagePath, locations, logo, variant }) {
                 menuItem: classes.searchMenuItem,
               }}
             />
-            <Typography
-              component="div"
-              id="nav-help"
-              onClick={openTooltip}
-              variant="h3"
-              sx={(theme) => ({
-                color: "#666666",
-                textAlign: "center",
-                backgroundColor: "#EBEBEB",
-                borderRadius: theme.typography.pxToRem(60),
-                marginLeft: theme.typography.pxToRem(20),
-                width: theme.typography.pxToRem(48),
-                height: theme.typography.pxToRem(48),
-                cursor: "pointer",
-              })}
-            >
-              ?
-            </Typography>
+            {tutorialEnabled && (
+              <Typography
+                component="div"
+                id="nav-help"
+                onClick={openTooltip}
+                variant="h3"
+                sx={(theme) => ({
+                  color: "#666666",
+                  textAlign: "center",
+                  backgroundColor: "#EBEBEB",
+                  borderRadius: theme.typography.pxToRem(60),
+                  marginLeft: theme.typography.pxToRem(20),
+                  width: theme.typography.pxToRem(48),
+                  height: theme.typography.pxToRem(48),
+                  cursor: "pointer",
+                })}
+              >
+                ?
+              </Typography>
+            )}
           </Grid>
           <Grid />
         </Grid>

diff --git a/apps/climatemappedafrica/src/lib/data/common/index.js b/apps/climatemappedafrica/src/lib/data/common/index.js
@@ -50,11 +50,13 @@ async function getNavBar(variant, settings) {
   const socialLinks = links?.filter((link) => connect.includes(link.platform));
   let explorePagePath = null;
   let locations = null;
+  let tutorialEnabled;
   if (hurumap?.enabled) {
     explorePagePath = hurumap.profilePage.slug;
     if (hurumap.profile) {
       locations = hurumap.profile.locations;
     }
+    tutorialEnabled = hurumap.tutorial?.enabled;
   }
 
   return {
@@ -64,6 +66,7 @@ async function getNavBar(variant, settings) {
     logo: imageFromMedia(title, primaryLogo.url),
     menus,
     socialLinks,
+    tutorialEnabled,
     variant,
   };
 }