From 70dfa85d22c6da57518edf25a44209f2af90f11f Mon Sep 17 00:00:00 2001
From: Ryan Westfall <ryan@aimloperations.com>
Date: Sat, 1 Aug 2026 12:34:26 -0700
Subject: [PATCH] Show Beta Hesychia brand name on beta deploy (#77) (#78)

## Summary
- Closes [#77](https://git.aimloperations.com/ai_ml_operations/chat_web_app/issues/77)
- Sidenav `brandName` becomes **Beta Hesychia** when `REACT_APP_DEPLOY_ENV=beta`; otherwise stays **Hesychia**

## Test plan
- [ ] Local/default build: sidenav shows `Hesychia`
- [ ] Beta build (`.env.beta` / `REACT_APP_DEPLOY_ENV=beta`): sidenav shows `Beta Hesychia`
- [ ] Production build: sidenav still shows `Hesychia`Reviewed-on: https://git.aimloperations.com/ai_ml_operations/chat_web_app/pulls/78
---
 .../DashboardWrapperLayout/DashboardWrapperLayout.tsx       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/llm-fe/src/llm-fe/components/DashboardWrapperLayout/DashboardWrapperLayout.tsx b/llm-fe/src/llm-fe/components/DashboardWrapperLayout/DashboardWrapperLayout.tsx
index 2a046a1..852dacc 100644
--- a/llm-fe/src/llm-fe/components/DashboardWrapperLayout/DashboardWrapperLayout.tsx
+++ b/llm-fe/src/llm-fe/components/DashboardWrapperLayout/DashboardWrapperLayout.tsx
@@ -39,6 +39,8 @@ const DashboardWrapperLayout = ({ children }: DashboardWrapperLayoutProps): JSX.
   const [onMouseEnter, setOnMouseEnter] = useState(false);
   const [rtlCache, setRtlCache] = useState<EmotionCache | null>(null);
   const { pathname } = useLocation();
+  const brandName =
+    process.env.REACT_APP_DEPLOY_ENV === "beta" ? "Beta Hesychia" : "Hesychia";
 
   // Cache for the rtl
   useMemo(() => {
@@ -115,7 +117,7 @@ const DashboardWrapperLayout = ({ children }: DashboardWrapperLayoutProps): JSX.
             <Sidenav
               color={sidenavColor}
               brand={(transparentSidenav && !darkMode) || whiteSidenav ? brandDark : brandWhite}
-              brandName="Hesychia"
+              brandName={brandName}
               routes={[]} // {routes}
               onMouseEnter={handleOnMouseEnter}
               onMouseLeave={handleOnMouseLeave}
@@ -136,7 +138,7 @@ const DashboardWrapperLayout = ({ children }: DashboardWrapperLayoutProps): JSX.
           <Sidenav
             color={sidenavColor}
             brand={(transparentSidenav && !darkMode) || whiteSidenav ? brandDark : brandWhite}
-            brandName="Hesychia"
+            brandName={brandName}
             routes={[]} // {routes}
             onMouseEnter={handleOnMouseEnter}
             onMouseLeave={handleOnMouseLeave}