From 099e50d846e1574dff2b28aafd77b7d01c4da955 Mon Sep 17 00:00:00 2001
From: Archie Wheeler <archwheeler@gmail.com>
Date: Sat, 8 Feb 2020 17:47:54 +0000
Subject: [PATCH] fix(patients): internationalize No Related Persons warning &
 loading

re #1789
---
 src/locales/en-US/translation.json                | 9 +++++++--
 src/patients/related-persons/RelatedPersonTab.tsx | 6 +++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/locales/en-US/translation.json b/src/locales/en-US/translation.json
index 37a4cfd210..23c4f0ef41 100644
--- a/src/locales/en-US/translation.json
+++ b/src/locales/en-US/translation.json
@@ -38,9 +38,13 @@
         "relatedPersonRequired": "Related Person is required.",
         "relationshipTypeRequired": "Relationship Type is required."
       },
+      "warning": {
+        "noRelatedPersons": "No Related Persons"
+      },
       "label": "Related Persons",
       "new": "New Related Person",
-      "relationshipType": "Relationship Type"
+      "relationshipType": "Relationship Type",
+      "addRelatedPersonAbove": "Add a related person using the button above."
     },
     "types": {
       "charity": "Charity",
@@ -66,7 +70,8 @@
   },
   "states": {
     "success": "Success!",
-    "error": "Error!"
+    "error": "Error!",
+    "loading": "Loading..."
   },
   "scheduling": {
     "label": "Scheduling",
diff --git a/src/patients/related-persons/RelatedPersonTab.tsx b/src/patients/related-persons/RelatedPersonTab.tsx
index 45e37f66bb..55214a584e 100644
--- a/src/patients/related-persons/RelatedPersonTab.tsx
+++ b/src/patients/related-persons/RelatedPersonTab.tsx
@@ -108,12 +108,12 @@ const RelatedPersonTab = (props: Props) => {
               ) : (
                 <Alert
                   color="warning"
-                  title="No Related Persons"
-                  message="Add a related person using the button above."
+                  title={t('patient.relatedPersons.warning.noRelatedPersons')}
+                  message={t('patient.relatedPersons.addRelatedPersonAbove')}
                 />
               )
             ) : (
-              <h1>Loading...</h1>
+            <h1>{t('states.loading')}</h1>
             )}
           </Panel>
         </div>