apextoaster
/
onnx-web
1
0
Fork 0
Code Actions

use alert style for error card

This commit is contained in:
Sean Sube 2023-03-18 18:28:01 -05:00
parent 89790645cb
commit aeee4b5eb2
Signed by: ssube
GPG Key ID: 3EED7B957D362AF1
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
gui/src/components/card/RetryCard.tsx → gui/src/components/card/ErrorCard.tsx
View File

@ -1,6 +1,6 @@
import { mustExist } from '@apextoaster/js-utils';
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 * as React from 'react';
import { useContext } from 'react';
@ -51,10 +51,10 @@ export function ErrorCard(props: ErrorCardProps) {
spacing={2}
sx={{ alignItems: 'center' }}
>
<Typography>{t('loading.progress', {
<Alert severity='error'>{t('loading.progress', {
current: ready.progress,
total: image.params.steps,
})}</Typography>
})}</Alert>
<Stack direction='row' spacing={2}>
<Tooltip title={t('tooltip.retry')}>
<IconButton onClick={() => retry.mutate()}>