34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
'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;
|