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', }