signature sisplay change

src/Components/PatientForm/PatientForm.tsx

@@ -413,8 +413,6 @@ export default function PatientForm({ type }: Props) {
       JSON.parse(localStorage.getItem('patientData'))
     : [];
 
-    console.log("dsfdsfsa",signature)
-
 
   return (
     <>
@@ -638,6 +636,7 @@ export default function PatientForm({ type }: Props) {
                 <FormGroup sx={{ marginTop: 3 }}>
                   <FormControlLabel
                     required
+                    disabled={type=='display'}
                     control={
                       <Checkbox
                         checked={type === 'display' ? true : isChecked}
@@ -652,6 +651,8 @@ export default function PatientForm({ type }: Props) {
               <Grid item xs={12}  >
               
                   <Grid container spacing={2} flexDirection={'row'}>
+                    {type!=='display'?
+                    <>
                     <Grid item className='collapsable-form-style'>
                       <FormLabel>Signature:</FormLabel>
                       <SignatureComponent signature={signature} setSignature={setSignature} />
@@ -663,6 +664,15 @@ export default function PatientForm({ type }: Props) {
                           <img src={signature} style={{height:'110px', width:'250px'}}/>
                         </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>