fix for argoproj#12068

n9 · Aug 17, 2023 · edb9943 · edb9943
1 parent c2e564d
commit edb9943
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/ui/src/app/shared/components/layout/layout.tsx b/ui/src/app/shared/components/layout/layout.tsx
@@ -14,14 +14,16 @@ export interface LayoutProps {
 
 const getBGColor = (theme: string): string => (theme === 'light' ? '#dee6eb' : '#100f0f');
 
-export const Layout = (props: LayoutProps) => (
-    <div className={props.pref.theme ? 'theme-' + props.pref.theme : 'theme-light'}>
+export const Layout = (props: LayoutProps) => {
+    if (props.pref.theme) {
+        document.body.style.background = getBGColor(props.pref.theme)
+    }
+    return <div className={props.pref.theme ? 'theme-' + props.pref.theme : 'theme-light'}>
         <div className={`cd-layout ${props.isExtension ? 'cd-layout--extension' : ''}`}>
             <Sidebar onVersionClick={props.onVersionClick} navItems={props.navItems} pref={props.pref} />
-            {props.pref.theme ? (document.body.style.background = getBGColor(props.pref.theme)) : null}
             <div className={`cd-layout__content ${props.pref.hideSidebar ? 'cd-layout__content--sb-collapsed' : 'cd-layout__content--sb-expanded'} custom-styles`}>
                 {props.children}
             </div>
         </div>
     </div>
-);
+}