chore: ResultFooter

This commit is contained in:
Ibrahima G. Coulibaly
2024-06-25 01:10:41 +01:00
parent ff61712923
commit 173e49a10f
5 changed files with 104 additions and 25 deletions

View File

@@ -6,6 +6,7 @@ import ContentPasteIcon from '@mui/icons-material/ContentPaste';
import React, { useContext } from 'react';
import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext';
import InputHeader from '../InputHeader';
import ResultFooter from './ResultFooter';
export default function ToolTextResult({
title = 'Result',
@@ -40,14 +41,7 @@ export default function ToolTextResult({
<Box>
<InputHeader title={title} />
<TextField value={value} fullWidth multiline rows={10} />
<Stack mt={1} direction={'row'} spacing={2}>
<Button onClick={handleDownload} startIcon={<DownloadIcon />}>
Save as
</Button>
<Button onClick={handleCopy} startIcon={<ContentPasteIcon />}>
Copy to clipboard
</Button>
</Stack>
<ResultFooter handleCopy={handleCopy} handleDownload={handleDownload} />
</Box>
);
}