refactor: Adjust export button styling and add icon

This commit is contained in:
Faruk AYDIN
2025-01-13 14:12:32 +01:00
parent ec14801261
commit 371555863a

View File

@@ -6,6 +6,7 @@ import Button from '@mui/material/Button';
import Tooltip from '@mui/material/Tooltip'; import Tooltip from '@mui/material/Tooltip';
import IconButton from '@mui/material/IconButton'; import IconButton from '@mui/material/IconButton';
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'; import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
import DownloadIcon from '@mui/icons-material/Download';
import Snackbar from '@mui/material/Snackbar'; import Snackbar from '@mui/material/Snackbar';
import { ReactFlowProvider } from 'reactflow'; import { ReactFlowProvider } from 'reactflow';
@@ -103,11 +104,12 @@ export default function EditorLayout() {
{(allowed) => ( {(allowed) => (
<Button <Button
disabled={!allowed || !flow} disabled={!allowed || !flow}
variant="contained" variant="outlined"
color="info" color="info"
size="small" size="small"
onClick={onExportFlow} onClick={onExportFlow}
data-test="export-flow-button" data-test="export-flow-button"
startIcon={<DownloadIcon />}
> >
{formatMessage('flowEditor.export')} {formatMessage('flowEditor.export')}
</Button> </Button>