Hide deck overview when we only have one deck

Author: andchiind

frontend/src/components/NavigationMenu/NavigationMenu.tsx

@@ -1,4 +1,5 @@
 import { Button, Icon, Menu } from '@equinor/eds-core-react'
+import { useInstallationContext } from 'components/Contexts/InstallationContext'
 import { useLanguageContext } from 'components/Contexts/LanguageContext'
 import { config } from 'config'
 import { useState } from 'react'
@@ -13,6 +14,7 @@ const StyledButton = styled(Button)`
 
 export const NavigationMenu = () => {
     const { TranslateText } = useLanguageContext()
+    const { installationInspectionAreas } = useInstallationContext()
     const [isOpen, setIsOpen] = useState(false)
     const [anchorEl, setAnchorEl] = useState(null)
     const openMenu = () => {
@@ -22,14 +24,23 @@ export const NavigationMenu = () => {
         setIsOpen(false)
     }
 
-    const paths = [
-        { path: 'missionControl', label: 'Mission Control' },
-        { path: 'history', label: 'Mission History' },
-        { path: 'inspectionOverview', label: 'Deck Overview' },
-        { path: 'predefinedMissions', label: 'Predefined Missions' },
-        { path: 'autoSchedule', label: 'Auto Scheduling' },
-        { path: 'robots', label: 'Robots' },
-    ]
+    const paths =
+        installationInspectionAreas.length > 1
+            ? [
+                  { path: 'missionControl', label: 'Mission Control' },
+                  { path: 'history', label: 'Mission History' },
+                  { path: 'inspectionOverview', label: 'Deck Overview' },
+                  { path: 'predefinedMissions', label: 'Predefined Missions' },
+                  { path: 'autoSchedule', label: 'Auto Scheduling' },
+                  { path: 'robots', label: 'Robots' },
+              ]
+            : [
+                  { path: 'missionControl', label: 'Mission Control' },
+                  { path: 'history', label: 'Mission History' },
+                  { path: 'predefinedMissions', label: 'Predefined Missions' },
+                  { path: 'autoSchedule', label: 'Auto Scheduling' },
+                  { path: 'robots', label: 'Robots' },
+              ]
 
     const navigate = useNavigate()
     const routeChange = (routePath: string) => {

frontend/src/components/Pages/FrontPage/FrontPage.tsx

@@ -16,6 +16,7 @@ import { Icons } from 'utils/icons'
 import { useMissionsContext } from 'components/Contexts/MissionRunsContext'
 import { useNavigate } from 'react-router-dom'
 import { config } from 'config'
+import { useInstallationContext } from 'components/Contexts/InstallationContext'
 
 const StyledFrontPage = styled.div`
     display: flex;
@@ -90,6 +91,7 @@ export enum TabNames {
 export const FrontPage = ({ initialTab }: { initialTab: TabNames }) => {
     const [activeTab, setActiveTab] = useState(initialTab)
     const { TranslateText } = useLanguageContext()
+    const { installationInspectionAreas } = useInstallationContext()
 
     redirectIfNoInstallationSelected()
 
@@ -114,7 +116,11 @@ export const FrontPage = ({ initialTab }: { initialTab: TabNames }) => {
                     <StyledTabHeader>
                         <StyledTabsList>
                             <Tabs.Tab>{TranslateText('Mission Control')}</Tabs.Tab>
-                            <Tabs.Tab>{TranslateText('Deck Overview')}</Tabs.Tab>
+                            {installationInspectionAreas.length > 1 ? (
+                                <Tabs.Tab>{TranslateText('Deck Overview')}</Tabs.Tab>
+                            ) : (
+                                <></>
+                            )}
                             <Tabs.Tab>{TranslateText('Predefined Missions')}</Tabs.Tab>
                             <Tabs.Tab>{TranslateText('Mission History')}</Tabs.Tab>
                             <Tabs.Tab>{TranslateText('Auto Scheduling')}</Tabs.Tab>