refactor: Adjust export button styling and add icon
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user