use alert style for error card
This commit is contained in:
parent
89790645cb
commit
aeee4b5eb2
|
@ -1,6 +1,6 @@
|
||||||
import { mustExist } from '@apextoaster/js-utils';
|
import { mustExist } from '@apextoaster/js-utils';
|
||||||
import { Delete, Replay } from '@mui/icons-material';
|
import { Delete, Replay } from '@mui/icons-material';
|
||||||
import { Box, Card, CardContent, IconButton, Tooltip, Typography } from '@mui/material';
|
import { Alert, Box, Card, CardContent, IconButton, Tooltip } from '@mui/material';
|
||||||
import { Stack } from '@mui/system';
|
import { Stack } from '@mui/system';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { useContext } from 'react';
|
import { useContext } from 'react';
|
||||||
|
@ -51,10 +51,10 @@ export function ErrorCard(props: ErrorCardProps) {
|
||||||
spacing={2}
|
spacing={2}
|
||||||
sx={{ alignItems: 'center' }}
|
sx={{ alignItems: 'center' }}
|
||||||
>
|
>
|
||||||
<Typography>{t('loading.progress', {
|
<Alert severity='error'>{t('loading.progress', {
|
||||||
current: ready.progress,
|
current: ready.progress,
|
||||||
total: image.params.steps,
|
total: image.params.steps,
|
||||||
})}</Typography>
|
})}</Alert>
|
||||||
<Stack direction='row' spacing={2}>
|
<Stack direction='row' spacing={2}>
|
||||||
<Tooltip title={t('tooltip.retry')}>
|
<Tooltip title={t('tooltip.retry')}>
|
||||||
<IconButton onClick={() => retry.mutate()}>
|
<IconButton onClick={() => retry.mutate()}>
|
Loading…
Reference in New Issue