fix(patients): replace "Loading..." text with Spinner component

re #1789
HospitalRun · Feb 9, 2020 · e6ce4cb · e6ce4cb
1 parent 099e50d
commit e6ce4cb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/locales/en-US/translation.json b/src/locales/en-US/translation.json
@@ -70,8 +70,7 @@
   },
   "states": {
     "success": "Success!",
-    "error": "Error!",
-    "loading": "Loading..."
+    "error": "Error!"
   },
   "scheduling": {
     "label": "Scheduling",

diff --git a/src/patients/related-persons/RelatedPersonTab.tsx b/src/patients/related-persons/RelatedPersonTab.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { Button, Panel, List, ListItem, Alert } from '@hospitalrun/components'
+import { Button, Panel, List, ListItem, Alert, Spinner } from '@hospitalrun/components'
 import NewRelatedPersonModal from 'patients/related-persons/NewRelatedPersonModal'
 import RelatedPerson from 'model/RelatedPerson'
 import { useTranslation } from 'react-i18next'
@@ -113,7 +113,7 @@ const RelatedPersonTab = (props: Props) => {
                 />
               )
             ) : (
-            <h1>{t('states.loading')}</h1>
+              <Spinner color="blue" loading size={[10, 25]} type="ScaleLoader" />
             )}
           </Panel>
         </div>