From ec5d655650875024b0bba12d49bc0dfad4c670ab Mon Sep 17 00:00:00 2001
From: aisultankassenov <aisultan.kassenov@nu.edu.kz>
Date: Sat, 4 Apr 2020 18:34:12 +0600
Subject: [PATCH] feat(patient): add appointment button

---
 src/locales/enUs/translations/patient/index.ts |  3 +++
 src/patients/appointments/AppointmentsList.tsx | 14 ++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/locales/enUs/translations/patient/index.ts b/src/locales/enUs/translations/patient/index.ts
index 5605dc712a..283e8b8e5d 100644
--- a/src/locales/enUs/translations/patient/index.ts
+++ b/src/locales/enUs/translations/patient/index.ts
@@ -32,6 +32,9 @@ export default {
       new: 'New Related Person',
       relationshipType: 'Relationship Type',
     },
+    appointments: {
+      new: 'Add Appointment',
+    },
     allergies: {
       label: 'Allergies',
       new: 'Add Allergy',
diff --git a/src/patients/appointments/AppointmentsList.tsx b/src/patients/appointments/AppointmentsList.tsx
index 7224bce5f8..15355cd924 100644
--- a/src/patients/appointments/AppointmentsList.tsx
+++ b/src/patients/appointments/AppointmentsList.tsx
@@ -54,6 +54,20 @@ const AppointmentsList = (props: Props) => {
 
   return (
     <Container>
+      <div className="row">
+        <div className="col-md-12 d-flex justify-content-end">
+          <Button
+            outlined
+            color="success"
+            icon="add"
+            iconLocation="left"
+            onClick={() => history.push('/appointments/new')}
+          >
+            {t('patient.appointments.new')}
+          </Button>
+        </div>
+      </div>
+      <br />
       <form className="form-inline" onSubmit={onSearchFormSubmit}>
         <div className="input-group" style={{ width: '100%' }}>
           <TextInput