From f38ae398ed3f23e472a57561cc26fb85b6798dae Mon Sep 17 00:00:00 2001
From: Andrea Franz <andrea@gravityblast.com>
Date: Tue, 6 Feb 2024 20:46:10 +0100
Subject: [PATCH 1/5] add allo version switch button to the footer

---
 packages/common/src/components/Footer.tsx     | 32 +++++++++++++----
 packages/common/src/config.ts                 | 34 +++++++++++++++++++
 .../src/features/common/DefaultLayout.tsx     |  6 ++++
 3 files changed, 65 insertions(+), 7 deletions(-)

diff --git a/packages/common/src/components/Footer.tsx b/packages/common/src/components/Footer.tsx
index 4a24a6a176..76f20433de 100644
--- a/packages/common/src/components/Footer.tsx
+++ b/packages/common/src/components/Footer.tsx
@@ -2,7 +2,7 @@ import Discord from "../icons/Discord";
 import Support from "../icons/Support";
 import Github from "../icons/Github";
 import Gitbook from "../icons/Gitbook";
-import { getConfig } from "../config";
+import { getConfig, setLocalStorageConfigOverride } from "../config";
 
 const navigation = [
   {
@@ -31,17 +31,35 @@ const navigation = [
   },
 ];
 
+const config = getConfig();
 const COMMIT_HASH = process.env.REACT_APP_GIT_SHA ?? "localhost";
-const ALLO_VERSION = getConfig().allo.version;
+const ALLO_VERSION = config.allo.version;
+
+function switchAlloVersion(version: string) {
+  setLocalStorageConfigOverride("allo-version", version);
+  window.location.reload();
+}
 
 export default function Footer() {
+  const alloVersionAlternative =
+    ALLO_VERSION === "allo-v1" ? "allo-v2" : "allo-v1";
+
   return (
-    <footer className={"p-3 px-8 flex flex-row justify-between items-center"}>
+    <footer
+      className={
+        "p-3 px-8 flex flex-row justify-between items-center relative z-10"
+      }
+    >
       <div className={"text-gray-500 text-xs"}>
-        build{" "}
-        <pre className={"inline"}>
-          {COMMIT_HASH} {ALLO_VERSION}
-        </pre>
+        build {COMMIT_HASH}-{ALLO_VERSION}
+        {config.appEnv === "development" && (
+          <button
+            className="ml-1 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+            onClick={() => switchAlloVersion(alloVersionAlternative)}
+          >
+            Switch to {alloVersionAlternative}
+          </button>
+        )}
       </div>
       <div className="flex flex-row-reverse justify-between py-12 overflow-hidden">
         <div className="flex justify-around space-x-4 md:order-1">
diff --git a/packages/common/src/config.ts b/packages/common/src/config.ts
index 424ef3339d..b2fa22d2d7 100644
--- a/packages/common/src/config.ts
+++ b/packages/common/src/config.ts
@@ -40,8 +40,38 @@ export type Config = {
   };
 };
 
+type LocalStorageConfigOverrides = Record<string, string>;
+
 let config: Config | null = null;
 
+function getLocalStorageConfigOverrides(): LocalStorageConfigOverrides {
+  const configOverrides = localStorage.getItem("configOverrides") || "{}";
+  return JSON.parse(configOverrides);
+}
+
+export function setLocalStorageConfigOverride(key: string, value: string) {
+  const configOverrides = getLocalStorageConfigOverrides();
+  configOverrides[key] = value;
+  localStorage.setItem("configOverrides", JSON.stringify(configOverrides));
+}
+
+function overrideConfigFromLocalStorage(config: Config): Config {
+  const configOverrides = getLocalStorageConfigOverrides();
+
+  const alloVersion = z
+    .enum(["allo-v1", "allo-v2"])
+    .catch(() => config.allo.version)
+    .parse(configOverrides["allo-version"]);
+
+  return {
+    ...config,
+    allo: {
+      ...config.allo,
+      version: alloVersion,
+    },
+  };
+}
+
 export function getConfig(): Config {
   if (config !== null) {
     return config;
@@ -158,5 +188,9 @@ export function getConfig(): Config {
     },
   };
 
+  if (config.appEnv === "development") {
+    config = overrideConfigFromLocalStorage(config);
+  }
+
   return config;
 }
diff --git a/packages/grant-explorer/src/features/common/DefaultLayout.tsx b/packages/grant-explorer/src/features/common/DefaultLayout.tsx
index 9aa8ef65cb..2b29747f71 100644
--- a/packages/grant-explorer/src/features/common/DefaultLayout.tsx
+++ b/packages/grant-explorer/src/features/common/DefaultLayout.tsx
@@ -36,6 +36,12 @@ export function GradientLayout({
       </div>
 
       <Footer />
+
+      {
+        // FIXME: this is the wrong way to make a gradient for the main content
+        // since it's a div that's covering the full page and any other content
+        // without a higher z-index is not clickable.
+      }
       <div
         className="min-h-screen absolute inset-0"
         style={{

From a56c4f5ce076644dc5eacceaa7d52b6222eae5f1 Mon Sep 17 00:00:00 2001
From: Andrea Franz <andrea@gravityblast.com>
Date: Tue, 6 Feb 2024 21:40:14 +0100
Subject: [PATCH 2/5] enable Allo switch button if VERCEL_ENV === "preview"

---
 packages/common/src/components/Footer.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/common/src/components/Footer.tsx b/packages/common/src/components/Footer.tsx
index 76f20433de..23afa82548 100644
--- a/packages/common/src/components/Footer.tsx
+++ b/packages/common/src/components/Footer.tsx
@@ -52,7 +52,8 @@ export default function Footer() {
     >
       <div className={"text-gray-500 text-xs"}>
         build {COMMIT_HASH}-{ALLO_VERSION}
-        {config.appEnv === "development" && (
+        {(process.env.VERCEL_ENV === "preview" ||
+          config.appEnv === "development") && (
           <button
             className="ml-1 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
             onClick={() => switchAlloVersion(alloVersionAlternative)}

From cd0f10d370e855bba42b715a26f9b82dbc98d554 Mon Sep 17 00:00:00 2001
From: Andrea Franz <andrea@gravityblast.com>
Date: Tue, 6 Feb 2024 21:40:40 +0100
Subject: [PATCH 3/5] check `typeof window` before using localStorage for
 configOverrides

---
 packages/common/src/config.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/common/src/config.ts b/packages/common/src/config.ts
index b2fa22d2d7..e34f48bbab 100644
--- a/packages/common/src/config.ts
+++ b/packages/common/src/config.ts
@@ -45,14 +45,26 @@ type LocalStorageConfigOverrides = Record<string, string>;
 let config: Config | null = null;
 
 function getLocalStorageConfigOverrides(): LocalStorageConfigOverrides {
-  const configOverrides = localStorage.getItem("configOverrides") || "{}";
+  if (typeof window === "undefined") {
+    return {};
+  }
+
+  const configOverrides =
+    window.localStorage.getItem("configOverrides") || "{}";
   return JSON.parse(configOverrides);
 }
 
 export function setLocalStorageConfigOverride(key: string, value: string) {
+  if (typeof window === "undefined") {
+    throw new Error("window is not defined");
+  }
+
   const configOverrides = getLocalStorageConfigOverrides();
   configOverrides[key] = value;
-  localStorage.setItem("configOverrides", JSON.stringify(configOverrides));
+  window.localStorage.setItem(
+    "configOverrides",
+    JSON.stringify(configOverrides)
+  );
 }
 
 function overrideConfigFromLocalStorage(config: Config): Config {

From a81b2e24450f25d4edbdc34bac87e7c896bc7363 Mon Sep 17 00:00:00 2001
From: Andrea Franz <andrea@gravityblast.com>
Date: Tue, 6 Feb 2024 21:43:53 +0100
Subject: [PATCH 4/5] remove unused check on VERCEL_ENV

---
 packages/common/src/components/Footer.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/common/src/components/Footer.tsx b/packages/common/src/components/Footer.tsx
index 23afa82548..76f20433de 100644
--- a/packages/common/src/components/Footer.tsx
+++ b/packages/common/src/components/Footer.tsx
@@ -52,8 +52,7 @@ export default function Footer() {
     >
       <div className={"text-gray-500 text-xs"}>
         build {COMMIT_HASH}-{ALLO_VERSION}
-        {(process.env.VERCEL_ENV === "preview" ||
-          config.appEnv === "development") && (
+        {config.appEnv === "development" && (
           <button
             className="ml-1 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
             onClick={() => switchAlloVersion(alloVersionAlternative)}

From 98b8446b9258a189567987f8b10ff41ff24f4b52 Mon Sep 17 00:00:00 2001
From: Andrea Franz <andrea@gravityblast.com>
Date: Tue, 6 Feb 2024 22:14:33 +0100
Subject: [PATCH 5/5] add the common pkg to the tailwind config in Builder

---
 packages/builder/tailwind.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/builder/tailwind.config.js b/packages/builder/tailwind.config.js
index e7dd90d12e..e4329a5afd 100644
--- a/packages/builder/tailwind.config.js
+++ b/packages/builder/tailwind.config.js
@@ -1,7 +1,7 @@
 module.exports = {
   // if this is not set it will default to user's operating system preferences
   darkMode: "class",
-  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  content: ["./src/**/*.{js,jsx,ts,tsx}", "../common/src/**/*.{js,jsx,ts,tsx}"],
   theme: {
     extend: {
       boxShadow: {