sonika/patient_Information_reactProject
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

icon code commented

Browse Source
This commit is contained in:
vipeeshpavithran 2023-09-08 14:17:52 +05:30
parent e53df5c7ce
commit 3991c7507e
1 changed files with 63 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
src/Components/PatientForm/PatientForm.tsx
View File

@ -413,7 +413,6 @@ export default function PatientForm({ type }: Props) {
JSON.parse(localStorage.getItem('patientData')) JSON.parse(localStorage.getItem('patientData'))
: []; : [];
return ( return (
<> <>
{alertProps && alertProps.open && ( {alertProps && alertProps.open && (
@ -438,7 +437,7 @@ export default function PatientForm({ type }: Props) {
onChange={handleExpandChange('panel1')} onChange={handleExpandChange('panel1')}
> >
<AccordionSummary <AccordionSummary
expandIcon={<ExpandMoreIcon />} // expandIcon={<ExpandMoreIcon />}
aria-controls='panel1a-content' aria-controls='panel1a-content'
id='panel1a-header' id='panel1a-header'
> >
@ -631,12 +630,11 @@ export default function PatientForm({ type }: Props) {
</Accordion> </Accordion>
<Grid container> <Grid container>
<Grid item xs={12} className='collapsable-form-style-multiline'> <Grid item xs={12} className='collapsable-form-style-multiline'>
<FormGroup sx={{ marginTop: 3 }}> <FormGroup sx={{ marginTop: 3 }}>
<FormControlLabel <FormControlLabel
required required
disabled={type=='display'} disabled={type == 'display'}
control={ control={
<Checkbox <Checkbox
checked={type === 'display' ? true : isChecked} checked={type === 'display' ? true : isChecked}
@ -648,50 +646,76 @@ export default function PatientForm({ type }: Props) {
</FormGroup> </FormGroup>
</Grid> </Grid>
<Grid item xs={12} > <Grid item xs={12}>
<Grid container spacing={2} flexDirection={'row'}>
<Grid container spacing={2} flexDirection={'row'}> {type !== 'display' ? (
{type!=='display'?
<> <>
<Grid item className='collapsable-form-style'> <Grid item className='collapsable-form-style'>
<FormLabel>Signature:</FormLabel> <FormLabel>Signature:</FormLabel>
<SignatureComponent signature={signature} setSignature={setSignature} /> <SignatureComponent
</Grid> signature={signature}
setSignature={setSignature}
/>
</Grid>
<Grid item> <Grid item>
<FormLabel sx={{margin:0,padding:0}}>Please verify your signature here:</FormLabel> <FormLabel sx={{ margin: 0, padding: 0 }}>
<Box sx={{border:'1px solid black',borderRadius:2,height:'110px',width:'250px'}}> Please verify your signature here:
<img src={signature} style={{height:'110px', width:'250px'}}/> </FormLabel>
<Box
sx={{
border: '1px solid black',
borderRadius: 2,
height: '110px',
width: '250px',
}}
>
<img
src={signature}
style={{ height: '110px', width: '250px' }}
/>
</Box> </Box>
</Grid>
</>
) : (
<Grid item>
<FormLabel sx={{ margin: 0, padding: 0 }}>
Your signature:
</FormLabel>
<Box
sx={{
border: '1px solid black',
borderRadius: 2,
height: '110px',
width: '250px',
}}
>
<img
src={patientData.signature}
style={{ height: '110px', width: '250px' }}
/>
</Box>
</Grid> </Grid>
</>: )}
<Grid item>
<FormLabel sx={{margin:0,padding:0}}>Your signature:</FormLabel>
<Box sx={{border:'1px solid black',borderRadius:2,height:'110px',width:'250px'}}>
<img src={patientData.signature} style={{height:'110px', width:'250px'}}/>
</Box>
</Grid>
}
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid container flexDirection={'row-reverse'}> <Grid container flexDirection={'row-reverse'}>
<Grid item> <Grid item>
<Button <Button
// type="submit" // type="submit"
variant='contained' variant='contained'
color='primary' color='primary'
sx={{ margin: 5, width: '200px' }} sx={{ margin: 5, width: '200px' }}
disabled={ disabled={
isChecked == false || signature == undefined || type == 'display' isChecked == false ||
} signature == undefined ||
onClick={handleSubmit} type == 'display'
> }
Submit onClick={handleSubmit}
</Button> >
Submit
</Button>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>