diff --git a/frontend/src/components/Displays/MissionButtons/MissionControlButtons.tsx b/frontend/src/components/Displays/MissionButtons/MissionControlButtons.tsx
index 43fdc46d..e2d540bc 100644
--- a/frontend/src/components/Displays/MissionButtons/MissionControlButtons.tsx
+++ b/frontend/src/components/Displays/MissionButtons/MissionControlButtons.tsx
@@ -1,7 +1,6 @@
import { MissionStatus } from 'models/Mission'
import { Button, CircularProgress, Icon } from '@equinor/eds-core-react'
import { Icons } from 'utils/icons'
-import { tokens } from '@equinor/eds-tokens'
import styled from 'styled-components'
import { Typography } from '@equinor/eds-core-react'
import { useLanguageContext } from 'components/Contexts/LanguageContext'
@@ -24,15 +23,24 @@ interface MissionProps {
}
const ButtonStyle = styled.div`
- display: grid;
- grid-template-columns: 45px 45px;
- margin-end: 20px;
+ display: flex;
+ height: 56px;
+ align-items: flex-start;
+ gap: 16px;
`
const ButtonText = styled.div`
display: flex;
flex-direction: column;
align-items: center;
`
+const ButtonIcon = styled(Button)`
+ display: flex;
+ width: 35px;
+ height: 35px;
+ justify-content: center;
+ align-items: center;
+ gap: 8px;
+`
export const MissionControlButtons = ({
missionName,
@@ -79,13 +87,18 @@ const OngoingMissionButton = ({ missionName, robotId, missionTaskType }: Mission
return (
-
+ updateRobotMissionState(MissionStatusRequest.Pause, robotId)}
+ >
+
+
+ {TranslateText('Pause')}
+
+
+
+
+
{TranslateText('Stop')}
-
-
- {TranslateText('Pause')}
-
)
}
@@ -123,13 +123,18 @@ const PausedMissionButton = ({ missionName, robotId, missionTaskType }: MissionP
return (
-
+ updateRobotMissionState(MissionStatusRequest.Resume, robotId)}
+ >
+
+
+ {TranslateText('Start')}
+
+
+
+
+
{TranslateText('Stop')}
-
-
- {TranslateText('Start')}
-
)
}
diff --git a/frontend/src/utils/icons.tsx b/frontend/src/utils/icons.tsx
index 3cd280af..b1d71c5b 100644
--- a/frontend/src/utils/icons.tsx
+++ b/frontend/src/utils/icons.tsx
@@ -43,6 +43,8 @@ import {
blocked,
close_circle_outlined,
file_description,
+ skip_next,
+ pause,
} from '@equinor/eds-icons'
Icon.add({
@@ -89,6 +91,8 @@ Icon.add({
blocked,
close_circle_outlined,
file_description,
+ skip_next,
+ pause,
})
export enum Icons {
@@ -129,10 +133,12 @@ export enum Icons {
Settings = 'settings',
Platform = 'platform',
LibraryAdd = 'library_add',
- PlayTriangle = 'play',
+ PlayStandard = 'play',
Edit = 'edit',
Info = 'info_circle',
Blocked = 'blocked',
ClosedCircleOutlined = 'close_circle_outlined',
FileDescription = 'file_description',
+ Next = 'skip_next',
+ PauseStandard = 'pause',
}