Merge pull request #92 from swiftss-org/fix/property-of-undefined

fix: property of undefined

Author: kostasdano

src/pages/PatientDirectory/PatientDirectory.tsx

@@ -73,7 +73,7 @@ const PatientDirectory: React.FC = () => {
           <PatientsList>
             {patients.results.map((patient) => (
               <div
-                key={`patient_${patient.national_id}_${patient.hospitals[0]?.id}`}
+                key={`patient_${patient.national_id}_${patient.hospitals?.[0]?.id}`}
                 css={{ marginBottom: '8px' }}
               >
                 <PatientCard {...patient} />

src/pages/PatientDirectory/components/PatientCard/PatientCard.tsx

@@ -20,7 +20,7 @@ const PatientCard: React.FC<PatientAPI> = ({ full_name, gender, age, national_id
       </Subtitle>
       <div css={{ display: 'flex', justifyContent: 'space-between', marginBottom: '8px' }}>
         <IdLabel>Patient Hospital ID:</IdLabel>
-        <IdValue>{hospitals[0]?.patient_hospital_id}</IdValue>
+        <IdValue>{hospitals?.[0]?.patient_hospital_id}</IdValue>
       </div>
       <div css={{ display: 'flex', justifyContent: 'space-between' }}>
         <IdLabel>National ID:</IdLabel>