25 lines
891 B
JavaScript
25 lines
891 B
JavaScript
|
'use client';
|
||
|
|
|
||
|
|
import { Box, Typography } from '@mui/material';
|
||
|
|
import ImageSearchIcon from '@mui/icons-material/ImageSearch';
|
||
|
|
import { useTranslation } from 'react-i18next';
|
||
|
|
import { imageDatasetStyles } from '../styles/imageDatasetStyles';
|
||
|
|
|
||
|
|
export default function EmptyState() {
|
||
|
|
const { t } = useTranslation();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Box sx={imageDatasetStyles.emptyState}>
|
||
|
|
<Box sx={imageDatasetStyles.emptyIcon}>
|
||
|
|
<ImageSearchIcon sx={{ fontSize: 60, color: 'primary.main' }} />
|
||
|
|
</Box>
|
||
|
|
<Typography variant="h5" sx={imageDatasetStyles.emptyTitle}>
|
||
|
|
{t('imageDatasets.noData', { defaultValue: '暂无图片数据集' })}
|
||
|
|
</Typography>
|
||
|
|
<Typography variant="body2" sx={imageDatasetStyles.emptyDescription}>
|
||
|
|
{t('imageDatasets.noDataTip', { defaultValue: '请先在图片管理中生成问答数据集' })}
|
||
|
|
</Typography>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|