vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add reset button for output preview

Browse Source
This commit is contained in:
RohitR311
2024-12-21 20:34:35 +05:30
parent 3bdae56768
commit 2e28f84b12
1 changed files with 53 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/components/molecules/InterpretationLog.tsx
View File

@@ -94,6 +94,12 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
setCustomValue(event.target.value); setCustomValue(event.target.value);
}; };
const handleReset = () => {
setLog('');
setTableData([]);
setBinaryData(null);
};
useEffect(() => { useEffect(() => {
socket?.on('log', handleLog); socket?.on('log', handleLog);
socket?.on('serializableCallback', handleSerializableCallback); socket?.on('serializableCallback', handleSerializableCallback);
@@ -172,12 +178,34 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
> >
{ {
binaryData ? ( binaryData ? (
<div style={{ marginBottom: '20px' }}> <>
<Typography variant="body1" gutterBottom> <div style={{ marginBottom: '20px' }}>
{t('interpretation_log.titles.screenshot')} <Typography variant="body1" gutterBottom>
</Typography> {t('interpretation_log.titles.screenshot')}
<img src={binaryData} alt={t('interpretation_log.titles.screenshot')} style={{ maxWidth: '100%' }} /> </Typography>
</div> <img src={binaryData} alt={t('interpretation_log.titles.screenshot')} style={{ maxWidth: '100%' }} />
</div>
<Button
variant="contained"
color="primary"
onClick={handleReset}
sx={{
position: 'absolute',
color: 'white',
bottom: '20px',
right: '20px',
backgroundColor: '#ff00c3',
overflow: 'hidden',
textAlign: 'left',
'&:hover': {
backgroundColor: '#ff00c3',
},
}}
>
Reset
{/* {t('interpretation_log.buttons.reset')} */}
</Button>
</>
) : tableData.length > 0 ? ( ) : tableData.length > 0 ? (
<> <>
<TableContainer component={Paper}> <TableContainer component={Paper}>
@@ -203,6 +231,25 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
<span style={{ marginLeft: '15px', marginTop: '10px', fontSize: '12px' }}> <span style={{ marginLeft: '15px', marginTop: '10px', fontSize: '12px' }}>
{t('interpretation_log.messages.additional_rows')} {t('interpretation_log.messages.additional_rows')}
</span> </span>
<Button
variant="contained"
color="primary"
onClick={handleReset}
sx={{
position: 'absolute',
color: 'white',
bottom: '20px',
right: '20px',
backgroundColor: '#ff00c3',
overflow: 'hidden',
textAlign: 'left',
'&:hover': {
backgroundColor: '#ff00c3',
},
}}
>
{t('interpretation_buttons.buttons.reset')}
</Button>
</> </>
) : ( ) : (
<Grid container justifyContent="center" alignItems="center" style={{ height: '100%' }}> <Grid container justifyContent="center" alignItems="center" style={{ height: '100%' }}>