|
@ -9,7 +9,7 @@ import Text from 'components/base/Text' |
|
|
import Button from 'components/base/Button' |
|
|
import Button from 'components/base/Button' |
|
|
import TranslatedError from 'components/TranslatedError' |
|
|
import TranslatedError from 'components/TranslatedError' |
|
|
import CheckCircle from 'icons/CheckCircle' |
|
|
import CheckCircle from 'icons/CheckCircle' |
|
|
import Cross from 'icons/Cross' |
|
|
import ExclamationCircleThin from 'icons/ExclamationCircleThin' |
|
|
|
|
|
|
|
|
import type { StepProps } from '../' |
|
|
import type { StepProps } from '../' |
|
|
|
|
|
|
|
@ -31,13 +31,29 @@ function StepConfirmation({ t, error }: StepProps) { |
|
|
if (error) { |
|
|
if (error) { |
|
|
return ( |
|
|
return ( |
|
|
<Container> |
|
|
<Container> |
|
|
<Box mx={7} color="alertRed" my={4}> |
|
|
<Box color="alertRed"> |
|
|
<Cross size={44} /> |
|
|
<ExclamationCircleThin size={44} /> |
|
|
|
|
|
</Box> |
|
|
|
|
|
<Box |
|
|
|
|
|
color="dark" |
|
|
|
|
|
mt={4} |
|
|
|
|
|
fontSize={6} |
|
|
|
|
|
ff="Museo Sans|Regular" |
|
|
|
|
|
textAlign="center" |
|
|
|
|
|
style={{ maxWidth: 350 }} |
|
|
|
|
|
> |
|
|
|
|
|
<TranslatedError error={error} field="title" /> |
|
|
|
|
|
</Box> |
|
|
|
|
|
<Box |
|
|
|
|
|
color="graphite" |
|
|
|
|
|
mt={4} |
|
|
|
|
|
fontSize={6} |
|
|
|
|
|
ff="Open Sans" |
|
|
|
|
|
textAlign="center" |
|
|
|
|
|
style={{ maxWidth: 350 }} |
|
|
|
|
|
> |
|
|
|
|
|
<TranslatedError error={error} field="description" /> |
|
|
</Box> |
|
|
</Box> |
|
|
<Title> |
|
|
|
|
|
<TranslatedError error={error} /> |
|
|
|
|
|
</Title> |
|
|
|
|
|
<Box mx={7} /> |
|
|
|
|
|
</Container> |
|
|
</Container> |
|
|
) |
|
|
) |
|
|
} |
|
|
} |
|
|