src/Components/Helper/AddNewTable.tsx

@@ -13,27 +13,7 @@ interface DataTableProps {
   onAddRow: () => void;
 }
 
-type Props={
+const DataTable: React.FC= () => {
-  handleFormSection5Data:(
-    generalHealth: string|undefined,
-    presentProblemBefore: string|undefined,
-    ifYespresentProblemBefore:string|undefined,
-    ifYestreatmentProvided: string|undefined,
-    ifYesOutcome: string|undefined,
-    strokeBloodclotting: string|undefined,
-    ifYesstrokeBloodclotting: string|undefined,
-    dizzinessFetigue: string|undefined,
-    ifyesdizzinessFetigue: string|undefined,
-    antiColligent: string|undefined,
-    injuriesHospitalization: string|undefined,
-    supplementsOrDrugs: string|undefined,
-  )=> void
-  patientDataDiplay:any;
-  type:string;
-
-}
-
-function DataTable({handleFormSection5Data,patientDataDiplay,type}:Props) {
 
   const [illnessFromData, setIllnessFromData] = React.useState<any>({
     id:0,date:'',illness:'',treatment:'',results:''
@@ -68,12 +48,14 @@ function DataTable({handleFormSection5Data,patientDataDiplay,type}:Props) {
         results: ''
       });
     }
-  };  
+  };
+
+  console.log("sdfsdfdsf",illnessData, illnessFromData)
+  
 
   return (
     <>
     <FormLabel>If yes, Please enter the details below:</FormLabel><br></br>
-    {type!=="display"?
     <FormControl>
       <Grid container spacing={1.5} sx={{width:750, marginTop:1}}>
         <Grid item xs={2} className='addNew-form-table-style'>
@@ -138,7 +120,6 @@ function DataTable({handleFormSection5Data,patientDataDiplay,type}:Props) {
         
       </Grid>
     </FormControl>
-      :""}
     
      
       <TableContainer sx={{width:800}} className='illness-table-style'>
@@ -168,12 +149,9 @@ function DataTable({handleFormSection5Data,patientDataDiplay,type}:Props) {
                   {row.results}
                 </TableCell>
                 <TableCell align='left'> 
-                  {type!=="display"?
+                  <Button sx={{height:'30x',width:20, bgcolor:'skyblue'}} onClick={(e)=>{deleteIllnessData(row.id)}}>
-                  <Button sx={{height:'30x',width:20, bgcolor:'skyblue'}} 
-                  onClick={(e)=>{deleteIllnessData(row.id)}}>
                     Delete
                   </Button>
-                    :""}
                 </TableCell>
               </TableRow>
             ))}

src/Components/PatientForm/PastTreatment5.tsx

@@ -281,10 +281,7 @@ export default function PastTreatment5({handleFormSection5Data,patientDataDiplay
           </Grid>
 
           <Grid item xs={12} sx={{marginLeft:2, marginBottom:3}} >
-                <Table 
+                <Table />
-                handleFormSection5Data={handleFormSection5Data}
-                patientDataDiplay={patientDataDiplay}
-                type={type}/>
           </Grid>
 
           <Grid item xs={6} className='collapsable-form-style-multiline'>

src/Components/PatientForm/PatientForm.tsx

@@ -388,8 +388,6 @@ export default function PatientForm({type}:Props){
 
   //@ts-ignore
   const patientData = localStorage.getItem('patientData') ? JSON.parse(localStorage.getItem('patientData')) : [];
-
-  console.log("dfsdfdsf",patientData)
   
     return(
         <>