first-update

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

@@ -0,0 +1,33 @@
+'use client';
+
+import { Box, Button } from '@mui/material';
+import AssessmentIcon from '@mui/icons-material/Assessment';
+import FileUploadIcon from '@mui/icons-material/FileUpload';
+import FileDownloadIcon from '@mui/icons-material/FileDownload';
+import { useTranslation } from 'react-i18next';
+
+const ActionBar = ({ onBatchEvaluate, onImport, onExport, batchEvaluating = false }) => {
+  const { t } = useTranslation();
+
+  return (
+    <Box sx={{ display: 'flex', gap: 2 }}>
+      <Button
+        variant="outlined"
+        startIcon={<AssessmentIcon />}
+        sx={{ borderRadius: 2 }}
+        onClick={onBatchEvaluate}
+        disabled={batchEvaluating}
+      >
+        {batchEvaluating ? t('datasets.evaluating', '评估中...') : t('datasets.batchEvaluate', '批量评估')}
+      </Button>
+      <Button variant="outlined" startIcon={<FileUploadIcon />} sx={{ borderRadius: 2 }} onClick={onImport}>
+        {t('import.title', '导入')}
+      </Button>
+      <Button variant="outlined" startIcon={<FileDownloadIcon />} sx={{ borderRadius: 2 }} onClick={onExport}>
+        {t('export.title')}
+      </Button>
+    </Box>
+  );
+};
+
+export default ActionBar;