Only show river UI in local dev for now

target · Nov 11, 2024 · 83c73f9 · 83c73f9
1 parent c232c2c
commit 83c73f9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/web/src/app/main/NavBar.tsx b/web/src/app/main/NavBar.tsx
@@ -42,9 +42,15 @@ export default function NavBar(): JSX.Element {
   const classes = useStyles()
   const theme = useTheme()
 
-  let localDev = null
+  let localDevFooter = null
+  let localDevRiver = null
   if (process.env.NODE_ENV !== 'production') {
-    localDev = <NavBarLink to='/dev' title='Dev' icon={<DeveloperBoard />} />
+    localDevFooter = (
+      <NavBarLink to='/dev' title='Dev' icon={<DeveloperBoard />} />
+    )
+    localDevRiver = (
+      <NavBarSubLink newTab to='/admin/riverui' title='Job Queues' />
+    )
   }
 
   const logo =
@@ -101,13 +107,13 @@ export default function NavBar(): JSX.Element {
               />
               <NavBarSubLink to='/admin/switchover' title='Switchover' />
               <NavBarSubLink to='/admin/api-keys' title='API Keys' />
-              <NavBarSubLink newTab to='/admin/riverui' title='Job Queues' />
+              {localDevRiver}
             </NavBarLink>
           </RequireConfig>
 
           <NavBarLink to='/wizard' title='Wizard' icon={<WizardIcon />} />
 
-          {localDev}
+          {localDevFooter}
         </List>
       </nav>
     </React.Fragment>

diff --git a/web/src/app/main/NavBarLink.tsx b/web/src/app/main/NavBarLink.tsx
@@ -74,7 +74,7 @@ export type NavBarLinkProps = {
   icon: JSX.Element
   title: string
   to: string
-  children?: JSX.Element[] | JSX.Element
+  children?: React.ReactNode[] | React.ReactNode
 }
 
 export default function NavBarLink({