Remove banner in prod

Author: ryangoree

.github/workflows/gh-pages.yml

@@ -43,6 +43,7 @@ jobs:
           VITE_BASE_RPC_URL: ${{ secrets.BASE_RPC_URL }}
           VITE_GNOSIS_NODE_RPC_URL: ${{ secrets.GNOSIS_RPC_URL }}
           VITE_LINEA_RPC_URL: ${{ secrets.LINEA_RPC_URL }}
+          VITE_SHOW_BANNER: true
 
       - name: Setup Pages
         uses: actions/configure-pages@v5

apps/hyperdrive-trading/.env.sample

@@ -64,4 +64,7 @@ VITE_ENABLE_WHY_DID_YOU_RENDER=
 
 # If deploying to a subdirectory
 # Typically added as a repo secret or in the deployment environment
-VITE_BASE_PATH=/
+VITE_BASE_PATH=/
+
+# Show the announcement banner
+VITE_SHOW_BANNER=true

apps/hyperdrive-trading/src/ui/app/Page.tsx

@@ -9,6 +9,8 @@ import CustomBanner from "src/ui/base/components/CustomBanner";
 import { TermsOfUseAndPrivacyPolicyModal } from "src/ui/compliance/TermsOfUseAndPrivacyPolicyModal";
 import { useAddressScreen } from "src/ui/compliance/hooks/useAddressScreen";
 
+const showBanner = import.meta.env.VITE_SHOW_BANNER === "true";
+
 export function Page({ children }: PropsWithChildren): ReactElement {
   // compliance
   useAddressScreen();
@@ -17,32 +19,33 @@ export function Page({ children }: PropsWithChildren): ReactElement {
     <div className="flex min-h-screen flex-col items-center justify-between gap-9">
       <div className="flex w-full grow flex-col items-center gap-9">
         <Navbar />
-        {/* <MilesBanner /> */}
-        <CustomBanner
-          className="bg-error/20"
-          description={
-            <div className="flex w-full flex-1 items-center justify-center gap-4">
-              <ExclamationTriangleIcon className="size-5 shrink-0" />
-              <div className="max-w-4xl">
-                <p>
-                  Thank you for using DELV. Unfortunately, we are winding down
-                  operations. Access to this site is guaranteed until Summer
-                  2027. To run the UI locally, you can find the source code and
-                  setup instructions on{" "}
-                  <ExternalLink
-                    newTab
-                    icon
-                    href="https://github.com/delvtech/hyperdrive-frontend"
-                    className="daisy-link-hover daisy-link"
-                  >
-                    GitHub
-                  </ExternalLink>
-                  .
-                </p>
+        {showBanner && (
+          <CustomBanner
+            className="bg-error/20"
+            description={
+              <div className="flex w-full flex-1 items-center justify-center gap-4">
+                <ExclamationTriangleIcon className="size-5 shrink-0" />
+                <div className="max-w-4xl">
+                  <p>
+                    Thank you for using DELV. Unfortunately, we are winding down
+                    operations. Access to this site is guaranteed until Summer
+                    2027. To run the UI locally, you can find the source code
+                    and setup instructions on{" "}
+                    <ExternalLink
+                      newTab
+                      icon
+                      href="https://github.com/delvtech/hyperdrive-frontend"
+                      className="daisy-link-hover daisy-link"
+                    >
+                      GitHub
+                    </ExternalLink>
+                    .
+                  </p>
+                </div>
               </div>
-            </div>
-          }
-        />
+            }
+          />
+        )}
 
         {/* compliance */}
         <TermsOfUseAndPrivacyPolicyModal />

turbo.json

@@ -14,6 +14,7 @@
       "env": [
         "DEV",
         "PROD",
+        "VITE_SHOW_BANNER",
         "VITE_BASE_PATH",
         "NODE_ENV",
         "VITE_ADDRESS_SCREEN_URL",