INIT hiding theme switcher

ConductionNL · Nov 21, 2023 · 55b6232 · 55b6232
1 parent 9738d7a
commit 55b6232
Show file tree

Hide file tree

Showing 13 changed files with 21 additions and 2 deletions.
diff --git a/pwa/src/hooks/useEnvironment.ts b/pwa/src/hooks/useEnvironment.ts
@@ -22,6 +22,7 @@ export const useEnvironment = () => {
   }, []);
 
   const initiateFromEnv = () => {
+    window.sessionStorage.setItem("SHOW_THEME_SWITCHER", process.env.GATSBY_SHOW_THEME_SWITCHER ?? "");
     window.sessionStorage.setItem("API_BASE_URL", process.env.GATSBY_API_BASE_URL ?? "");
     window.sessionStorage.setItem("NL_DESIGN_THEME_CLASSNAME", process.env.GATSBY_NL_DESIGN_THEME_CLASSNAME ?? "");
     window.sessionStorage.setItem("FAVICON_URL", process.env.GATSBY_FAVICON_URL ?? "");
@@ -40,6 +41,7 @@ export const useEnvironment = () => {
 
     if (!config) return; // no config found, nothing else to do
 
+    window.sessionStorage.setItem("SHOW_THEME_SWITCHER", config.GATSBY_SHOW_THEME_SWITCHER ?? "");
     window.sessionStorage.setItem("API_BASE_URL", config.GATSBY_API_BASE_URL ?? "");
     window.sessionStorage.setItem("NL_DESIGN_THEME_CLASSNAME", config.GATSBY_NL_DESIGN_THEME_CLASSNAME ?? "");
     window.sessionStorage.setItem("FAVICON_URL", config.GATSBY_FAVICON_URL ?? "");

diff --git a/pwa/src/services/getConfig.ts b/pwa/src/services/getConfig.ts
@@ -33,6 +33,7 @@ export const getConfig = (themeOrDomainName: string): Record<string, any> | unde
       return Xxllnc;
     case "koophulpje.nl":
     case "open-webconcept-theme":
+    case "localhost":
       return OpenWebconcept;
     default:
       return Conduction;

diff --git a/pwa/src/templates/templateParts/themeSwitcherTopBar/ThemeSwitcherTopBar.tsx b/pwa/src/templates/templateParts/themeSwitcherTopBar/ThemeSwitcherTopBar.tsx
@@ -38,6 +38,10 @@ export const ThemeSwitcherTopBar: React.FC = () => {
     initiateFromJSON(watchTheme.value);
   }, [watchTheme]);
 
+  if (window.sessionStorage.getItem("SHOW_THEME_SWITCHER") === "false") {
+    return <></>;
+  }
+
   return (
     <section className={clsx(styles.container, "open-webconcept-theme")}>
       <div>
@@ -47,7 +51,7 @@ export const ThemeSwitcherTopBar: React.FC = () => {
       </div>
 
       <div>
-        <Paragraph className={styles.label}>Huidige gemeente</Paragraph>
+        <Paragraph className={styles.label}>Selecteer een gemeente</Paragraph>
 
         <SelectSingle
           options={availableThemes}

diff --git a/pwa/static/.env.development b/pwa/static/.env.development
@@ -24,5 +24,8 @@ GATSBY_FOOTER_CONTENT_HEADER=""
 #OIDN
 GATSBY_OIDN_NUMBER=""
 
+#Theme switcher
+GATSBY_SHOW_THEME_SWITCHER="false"
+
 # Deployment option, if you're using this .env file DO NOT REMOVE OR EDIT THIS
-GATSBY_ENV_VARS_SET="true"
+# GATSBY_ENV_VARS_SET="true"
diff --git a/pwa/static/configFiles/conduction.json b/pwa/static/configFiles/conduction.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "conduction-theme",
   "GATSBY_FAVICON_URL": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgd2lkdGg9IjcxLjAwMDAwMHB0IiBoZWlnaHQ9IjcwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNzEuMDAwMDAwIDcwLjAwMDAwMCIKICAgICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCw3MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCiAgICAgICBmaWxsPSIjNDM3NkZDIiBzdHJva2U9Im5vbmUiPgogICAgICAgIDxwYXRoIGQ9Ik0yMTggNTkyIGwtMTM3IC03NyAwIC0xNjUgMCAtMTY1IDEzMSAtNzQgYzcyIC00MSAxMzcgLTc0IDE0MyAtNzQgNgowIDcwIDMzIDE0MyA3NCBsMTMxIDc0IDEgMTY1IDAgMTY1IC02OCAzNyBjLTM3IDIxIC05OSA1NiAtMTM3IDc3IGwtNzEgNDAKLTEzNiAtNzd6IG0yOTUgLTg1IGw1NyAtMzIgMCAtMTI1IDAgLTEyNSAtMTA2IC02MCBjLTU4IC0zMyAtMTA4IC02MCAtMTExCi01OSAtMyAwIC01MiAyNyAtMTA5IDYwIGwtMTAzIDU5IDAgMTI1IDAgMTI1IDEwNyA2MSAxMDcgNjIgNTAgLTI5IGMyNyAtMTYKNzYgLTQ0IDEwOCAtNjJ6Ii8+CiAgICAgICAgPHBhdGggZD0iTTI3OCA0NzIgbC02OCAtMzcgMCAtODUgMCAtODUgNzMgLTM5IDczIC0zOSA2MiAzNCBjMzQgMTggNjIgMzcgNjIKNDEgMCA0IC0xNCAxNSAtMzEgMjMgLTI4IDE1IC0zMyAxNSAtNTQgMSAtMzEgLTIwIC00NiAtMjAgLTg0IDIgLTI3IDE1IC0zMQoyMiAtMzEgNjIgMCA0MCA0IDQ3IDMxIDYzIDM4IDIxIDUzIDIxIDg0IDEgMjEgLTE0IDI2IC0xNCA1NCAxIDE3IDggMzEgMTkgMzEKMjMgMCA4IC0xMTMgNzIgLTEyNiA3MiAtNSAwIC0zOSAtMTcgLTc2IC0zOHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==",

diff --git a/pwa/static/configFiles/dinkelland.json b/pwa/static/configFiles/dinkelland.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "dinkelland-theme",
   "GATSBY_FAVICON_URL": "https://www.tubbergen.nl/sites/all/themes/tubbergen/favicon-32x32.png",

diff --git a/pwa/static/configFiles/epe.json b/pwa/static/configFiles/epe.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "epe-theme",
   "GATSBY_FAVICON_URL": "https://www.epe.nl/sites/default/themes/custom/toptasks_sub_theme/favicon/favicon-32x32.png",

diff --git a/pwa/static/configFiles/noaberkracht.json b/pwa/static/configFiles/noaberkracht.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "noaberkracht-theme",
   "GATSBY_FAVICON_URL": "https://werkenbijnoaberkracht.nl/favicon-32x32.png",

diff --git a/pwa/static/configFiles/noordwijk.json b/pwa/static/configFiles/noordwijk.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "noordwijk-theme",
   "GATSBY_FAVICON_URL": "https://www.noordwijk.nl/wp-content/uploads/2023/02/cropped-favicon-32x32.png",

diff --git a/pwa/static/configFiles/open-webconcept.json b/pwa/static/configFiles/open-webconcept.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "true",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "open-webconcept-theme",
   "GATSBY_FAVICON_URL": "https://openwebconcept.nl/wp-content/uploads/2019/07/cropped-Favicon-32x32.png",

diff --git a/pwa/static/configFiles/rotterdam.json b/pwa/static/configFiles/rotterdam.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "rotterdam-theme",
   "GATSBY_FAVICON_URL": "https://www.rotterdam.nl/favicon.ico?v=2",

diff --git a/pwa/static/configFiles/tubbergen.json b/pwa/static/configFiles/tubbergen.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "tubbergen-theme",
   "GATSBY_FAVICON_URL": "https://www.tubbergen.nl/sites/all/themes/tubbergen/favicon-32x32.png",

diff --git a/pwa/static/configFiles/xxllnc.json b/pwa/static/configFiles/xxllnc.json
@@ -1,4 +1,5 @@
 {
+  "GATSBY_SHOW_THEME_SWITCHER": "false",
   "GATSBY_API_BASE_URL": "https://api.gateway.commonground.nu/api",
   "GATSBY_NL_DESIGN_THEME_CLASSNAME": "xxllnc-theme",
   "GATSBY_FAVICON_URL": "https://xxllnc.nl/wp-content/uploads/2021/07/cropped-fav-xxllnc-32x32.png",