From 4b234a1968802e45038197f1e765020e9ca15bff Mon Sep 17 00:00:00 2001
From: Alex Tan <AlexTAN331@outlook.com>
Date: Mon, 28 Sep 2020 19:31:58 -0400
Subject: [PATCH] feat(patient): refactor add allergy button

fix #2259
---
 src/patients/view/ImportantPatientInfo.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/patients/view/ImportantPatientInfo.tsx b/src/patients/view/ImportantPatientInfo.tsx
index 95a4625b10..fe89793f50 100644
--- a/src/patients/view/ImportantPatientInfo.tsx
+++ b/src/patients/view/ImportantPatientInfo.tsx
@@ -50,6 +50,7 @@ const ImportantPatientInfo = (props: Props) => {
     color: 'black',
     backgroundColor: 'rgba(245,245,245,1)',
     fontSize: 'small',
+    padding: '10px',
   }
 
   const tableStyle: CSSProperties = {
@@ -61,9 +62,9 @@ const ImportantPatientInfo = (props: Props) => {
 
   const addAllergyButtonStyle: CSSProperties = {
     fontSize: 'small',
-    position: 'absolute',
-    top: '0px',
-    right: '0px',
+    position: 'relative',
+    top: '5px',
+    bottom: '5px',
   }
 
   return (
@@ -138,6 +139,7 @@ const ImportantPatientInfo = (props: Props) => {
           <Typography variant="h5">{t('patient.diagnoses.label')}</Typography>
           <div className="border border-primary" style={tableStyle}>
             <Table
+              onRowClick={() => history.push(`/patients/${patient.id}/diagnoses`)}
               getID={(row) => row.id}
               columns={[
                 { label: t('patient.diagnoses.diagnosisName'), key: 'name' },
@@ -149,6 +151,7 @@ const ImportantPatientInfo = (props: Props) => {
                       ? format(new Date(row.diagnosisDate), 'yyyy-MM-dd hh:mm a')
                       : '',
                 },
+                { label: t('patient.diagnoses.status'), key: 'status' },
               ]}
               data={patient.diagnoses ? (patient.diagnoses as Diagnosis[]) : []}
             />