Add robot name to mission views

equinor · Oct 18, 2022 · e5292ec · e5292ec
1 parent 8f2d6be
commit e5292ec
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/components/MissionOverview/OngoingMissionCard.tsx b/frontend/src/components/MissionOverview/OngoingMissionCard.tsx
@@ -29,6 +29,7 @@ export function OngoingMissionCard({ mission }: MissionProps) {
     return (
         <StyledMissionCard variant="default" style={{ boxShadow: tokens.elevation.raised }} onClick={routeChange}>
             <Typography variant="h6">{mission.name}</Typography>
+            <Typography>{mission.robot.name}</Typography>
             <HorisontalContent>
                 <MissionStatusDisplay status={mission.missionStatus} />
                 <MissionProgressDisplay />

diff --git a/frontend/src/components/MissionOverview/UpcomingMissionCard.tsx b/frontend/src/components/MissionOverview/UpcomingMissionCard.tsx
@@ -10,12 +10,12 @@ interface MissionProps {
 }
 
 const StyledMissionCard = styled(Card)`
-    width: 700px;
+    width: 900px;
     display: flex;
 `
 const HorizontalContent = styled.div`
     display: grid;
-    grid-template-columns: 50px auto auto auto auto 50px;
+    grid-template-columns: 50px 200px 100px auto auto auto 50px;
     align-items: center;
 `
 const StyledMissionStartTime = styled.div`
@@ -44,6 +44,7 @@ export function UpcomingMissionCard({ mission }: MissionProps) {
             <HorizontalContent>
                 <Checkbox />
                 <Typography variant="h6">{mission.name}</Typography>
+                <Typography>{mission.robot.name}</Typography>
                 <MissionStartTimeDisplay mission={mission} />
                 <Typography>Tasks: {numberOfTasks}</Typography>
                 <MissionDurationDisplay mission={mission} />