first-update

easy-dataset-main/app/projects/[projectId]/image-datasets/components/EmptyState.js

@@ -0,0 +1,24 @@
+'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>
+  );
+}