Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve appearance of no missions available dialog #1196

Merged
merged 1 commit into from
Dec 12, 2023
+25 −33
Merged

Improve appearance of no missions available dialog #1196

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 19 additions & 29 deletions ...src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/NoMissionsDialog.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,43 +1,33 @@
import { Button, Card, Dialog, Typography } from '@equinor/eds-core-react'
import { Button, Typography } from '@equinor/eds-core-react'
import styled from 'styled-components'
import { useLanguageContext } from 'components/Contexts/LanguageContext'
import { MissionButton } from 'components/Displays/MissionButtons/MissionButton'
import { StyledDialog } from 'components/Styles/StyledComponents'

const StyledMissionDialog = styled.div`
display: flex;
justify-content: space-between;
`
const StyledAutoComplete = styled(Card)`
display: flex;
justify-content: center;
padding: 8px;
gap: 25px;
box-shadow: none;
`
const StyledMissionSection = styled.div`
display: flex;
margin-left: auto;
margin-right: 0;
justify-content: end;
gap: 10px;
`

export const NoMissionsDialog = ({ closeDialog }: { closeDialog: () => void }): JSX.Element => {
const { TranslateText } = useLanguageContext()
return (
<StyledMissionDialog>
<Dialog open={true} isDismissable>
<StyledAutoComplete>
Comment on lines -28 to -29
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

<Typography variant="h5">
{TranslateText('This installation has no missions - Please create mission')}
</Typography>
<StyledMissionSection>
<MissionButton />
<Button onClick={closeDialog} variant="outlined">
{TranslateText('Cancel')}
</Button>
</StyledMissionSection>
</StyledAutoComplete>
</Dialog>
</StyledMissionDialog>
<StyledDialog open={true} isDismissable>
<StyledDialog.Header>
<Typography variant="h3">{TranslateText('No missions available')}</Typography>
</StyledDialog.Header>
<StyledDialog.Content>
<Typography variant="body_short">
{TranslateText('This installation does not have missions. Please create mission.')}
</Typography>
</StyledDialog.Content>
<StyledMissionSection>
<Button onClick={closeDialog} variant="outlined">
{TranslateText('Cancel')}
</Button>
<MissionButton />
</StyledMissionSection>
</StyledDialog>
)
}
5 changes: 3 additions & 2 deletions frontend/src/language/en.json
View file
Original file line number Diff line number Diff line change
@@ -11,7 +11,7 @@
"Name": "Name",
"Completion Time": "Completion Time",
"Please select installation": "Please select installation",
"This installation has no missions - Please create mission": "This installation has no missions - Please create mission",
"This installation does not have missions. Please create mission.": "This installation does not have missions. Please create mission.",
"Cancel": "Cancel",
"Add mission": "Add mission",
"Select missions": "Select missions",
@@ -205,5 +205,6 @@
"Completed Tasks": "Completed Tasks",
"Confirm plant": "Confirm plant",
"Failed to retrieve echo missions": "Failed to retrieve echo missions",
"Request error": "Request error"
"Request error": "Request error",
"No missions available": "No missions available"
}
5 changes: 3 additions & 2 deletions frontend/src/language/no.json
View file
Original file line number Diff line number Diff line change
@@ -11,7 +11,7 @@
"Name": "Navn",
"Completion Time": "Fullført tid",
"Please select installation": "Vennligst velg anlegg",
"This installation has no missions - Please create mission": "Dette anlegget har ingen oppdrag - Vennligst lag oppdrag",
"This installation does not have missions. Please create mission.": "Dette anlegget har ingen oppdrag. Vennligst lag oppdrag.",
"Cancel": "Avbryt",
"Add mission": "Legg til oppdrag",
"Select missions": "Velg oppdrag",
@@ -205,5 +205,6 @@
"Completed Tasks": "Fullførte oppgaver",
"Confirm plant": "Bekreft anlegg",
"Failed to retrieve echo missions": "Kunne ikke hente ut oppdrag fra echo",
"Request error": "Forespørselsfeil"
"Request error": "Forespørselsfeil",
"No missions available": "Ingen oppdrag tilgjengelig"
}