chore: lint

This commit is contained in:
karishmas6
2024-08-06 02:23:33 +05:30
parent 39e3ddd593
commit 558d629ab1

View File

@@ -104,38 +104,38 @@ export const RightSidePanel = ({ pairForEdit }: RightSidePanelProps) => {
</Box> </Box>
)} )}
</Box> </Box>
{ {
getText ? ( getText ? (
<Box> <Box>
{browserSteps.map(step => ( {browserSteps.map(step => (
<Box key={step.id} sx={{ boxShadow: 5, padding: '10px', margin: '10px', borderRadius: '4px' }}> <Box key={step.id} sx={{ boxShadow: 5, padding: '10px', margin: '10px', borderRadius: '4px' }}>
<TextField <TextField
label="Label" label="Label"
value={labels[step.id] || step.label || ''} value={labels[step.id] || step.label || ''}
onChange={(e) => handleLabelChange(step.id, e.target.value)} onChange={(e) => handleLabelChange(step.id, e.target.value)}
fullWidth fullWidth
margin="normal" margin="normal"
error={!!errors[step.id]} error={!!errors[step.id]}
helperText={errors[step.id]} helperText={errors[step.id]}
InputProps={{ readOnly: confirmedSteps[step.id] }} InputProps={{ readOnly: confirmedSteps[step.id] }}
/> />
<TextField <TextField
label="Data" label="Data"
value={step.data} value={step.data}
fullWidth fullWidth
margin="normal" margin="normal"
InputProps={{ readOnly: confirmedSteps[step.id] }} InputProps={{ readOnly: confirmedSteps[step.id] }}
/> />
{!confirmedSteps[step.id] && ( {!confirmedSteps[step.id] && (
<Box display="flex" justifyContent="space-between" gap={2}> <Box display="flex" justifyContent="space-between" gap={2}>
<Button variant="contained" onClick={() => handleConfirm(step.id)} disabled={!labels[step.id]?.trim()}>Confirm</Button> <Button variant="contained" onClick={() => handleConfirm(step.id)} disabled={!labels[step.id]?.trim()}>Confirm</Button>
<Button variant="contained" onClick={() => handleDiscard(step.id)}>Discard</Button> <Button variant="contained" onClick={() => handleDiscard(step.id)}>Discard</Button>
</Box>
)}
</Box> </Box>
)} ))}
</Box> </Box>
))}
</Box>
) : null ) : null
} }
</Paper> </Paper>