feat(i18n): add translation resources

src/__tests__/scheduling/appointments-slice.test.ts

@@ -2,11 +2,11 @@ import { AnyAction } from 'redux'
 import Appointment from 'model/Appointment'
 import { createMemoryHistory } from 'history'
 import AppointmentRepository from 'clients/db/AppointmentsRepository'
+import { mocked } from 'ts-jest/utils'
 import appointments, {
   createAppointmentStart,
   createAppointment,
 } from '../../scheduling/appointments/appointments-slice'
-import { mocked } from 'ts-jest/utils'
 
 describe('appointments slice', () => {
   describe('appointments reducer', () => {

src/components/Navbar.tsx

@@ -15,31 +15,27 @@ const Navbar = () => {
           history.push('/')
         },
       }}
+      bg="dark"
+      variant="dark"
       search={{
-        onClickButton: () => {
-          // no oop
-        },
-        onChangeInput: () => {
-          // no oop
-        },
-        placeholderText: t('actions.search'),
         buttonText: t('actions.search'),
+        placeholderText: t('actions.search'),
+        onClickButton: () => undefined,
+        onChangeInput: () => undefined,
       }}
       navLinks={[
         {
-          label: t('patients.label'),
-          onClick: () => {
-            // no oop
-          },
+          label: t('patients.label', 'patients'),
+          onClick: () => undefined,
           children: [
             {
-              label: t('actions.list'),
+              label: t('actions.list', 'list'),
               onClick: () => {
                 history.push('/patients')
               },
             },
             {
-              label: t('actions.new'),
+              label: t('actions.new', 'new'),
               onClick: () => {
                 history.push('/patients/new')
               },
@@ -48,9 +44,7 @@ const Navbar = () => {
         },
         {
           label: t('scheduling.label'),
-          onClick: () => {
-            // no oop
-          },
+          onClick: () => undefined,
           children: [
             {
               label: t('scheduling.appointments.label'),

src/i18n.ts

@@ -0,0 +1,64 @@
+import i18n from 'i18next'
+import LanguageDetector from 'i18next-browser-languagedetector'
+import { initReactI18next } from 'react-i18next'
+
+import translationAR from './locales/ar/translations'
+import translationDE from './locales/de/translations'
+import translationEnUs from './locales/enUs/translations'
+import translationES from './locales/es/translations'
+import translationIN from './locales/in/translations'
+import translationJA from './locales/ja/translations'
+import translationPtBR from './locales/ptBr/translations'
+import translationRU from './locales/ru/translations'
+import translationZR from './locales/zr/translations'
+
+const resources = {
+  ar: {
+    translation: translationAR,
+  },
+  de: {
+    translation: translationDE,
+  },
+  en: {
+    translation: translationEnUs,
+  },
+  es: {
+    translation: translationES,
+  },
+  in: {
+    translation: translationIN,
+  },
+  ja: {
+    translation: translationJA,
+  },
+  pt: {
+    translation: translationPtBR,
+  },
+  ru: {
+    translation: translationRU,
+  },
+  zr: {
+    translation: translationZR,
+  },
+}
+
+i18n
+  // load translation using xhr -> see /public/locales
+  // learn more: https://github.com/i18next/i18next-xhr-backend
+  // detect user language
+  // learn more: https://github.com/i18next/i18next-browser-languageDetector
+  .use(LanguageDetector)
+  // pass the i18n instance to react-i18next.
+  .use(initReactI18next)
+  // init i18next
+  // for all options read: https://www.i18next.com/overview/configuration-options
+  .init({
+    fallbackLng: 'en',
+    debug: true,
+    resources,
+    interpolation: {
+      escapeValue: false, // not needed for react as it escapes by default
+    },
+  })
+
+export default i18n

src/locales/ar/translations/actions/index.ts

@@ -0,0 +1,9 @@
+export default {
+  actions: {
+    edit: 'تصحيح',
+    save: 'حفظ',
+    cancel: 'إلغاء',
+    new: 'الجديد',
+    list: 'قائمة',
+  },
+}

src/locales/ar/translations/dashboard/index.ts

@@ -0,0 +1,5 @@
+export default {
+  dashboard: {
+    label: 'لوحة القيادة',
+  },
+}

src/locales/ar/translations/index.ts

@@ -0,0 +1,11 @@
+import actions from './actions'
+import dashboard from './dashboard'
+import patient from './patient'
+import patients from './patients'
+
+export default {
+  ...actions,
+  ...dashboard,
+  ...patient,
+  ...patients,
+}

src/locales/ar/translations/patient/index.ts

@@ -0,0 +1,6 @@
+export default {
+  patient: {
+    firstName: 'الاسم الاول',
+    lastName: 'الكنية',
+  },
+}

src/locales/ar/translations/patients/index.ts

@@ -0,0 +1,8 @@
+export default {
+  patients: {
+    label: 'المرضى',
+    viewPatients: 'عرض المرضى',
+    viewPatient: 'عرض المريض',
+    newPatient: 'مريض جديد',
+  },
+}

src/locales/de/translations/actions/index.ts

@@ -0,0 +1,9 @@
+export default {
+  actions: {
+    edit: 'Bearbeiten',
+    save: 'speichern',
+    cancel: 'Stornieren',
+    new: 'Neu',
+    list: 'Liste',
+  },
+}

src/locales/de/translations/dashboard/index.ts

@@ -0,0 +1,5 @@
+export default {
+  dashboard: {
+    label: 'Instrumententafel',
+  },
+}

src/locales/de/translations/index.ts

@@ -0,0 +1,11 @@
+import actions from './actions'
+import dashboard from './dashboard'
+import patient from './patient'
+import patients from './patients'
+
+export default {
+  ...actions,
+  ...dashboard,
+  ...patient,
+  ...patients,
+}

src/locales/de/translations/patient/index.ts

@@ -0,0 +1,6 @@
+export default {
+  patient: {
+    firstName: 'Vorname',
+    lastName: 'Nachname',
+  },
+}

src/locales/de/translations/patients/index.ts

@@ -0,0 +1,8 @@
+export default {
+  patients: {
+    label: 'Patienten',
+    viewPatients: 'Patienten anzeigen',
+    viewPatient: 'Patient anzeigen',
+    newPatient: 'Neuer Patient',
+  },
+}

src/locales/enUs/translations/actions/index.ts

@@ -0,0 +1,10 @@
+export default {
+  actions: {
+    edit: 'Edit',
+    save: 'Save',
+    cancel: 'Cancel',
+    new: 'New',
+    list: 'List',
+    search: "Search"
+  },
+}

src/locales/enUs/translations/dashboard/index.ts

@@ -0,0 +1,5 @@
+export default {
+  dashboard: {
+    label: 'Dashboard',
+  },
+}

src/locales/enUs/translations/index.ts

@@ -0,0 +1,17 @@
+import actions from './actions'
+import dashboard from './dashboard'
+import patient from './patient'
+import patients from './patients'
+import scheduling from './scheduling'
+import states from './states'
+import sex from './sex'
+
+export default {
+  ...actions,
+  ...dashboard,
+  ...patient,
+  ...patients,
+  ...scheduling,
+  ...states,
+  ...sex,
+}

src/locales/enUs/translations/patient/index.ts

@@ -0,0 +1,43 @@
+export default {
+  patient: {
+    firstName: 'First Name',
+    lastName: 'Last Name',
+    suffix: "Suffix",
+    prefix: "Prefix",
+    givenName: "Given Name",
+    familyName: "Family Name",
+    dateOfBirth: "Date of Birth",
+    approximateDateOfBirth: "Approximate Date of Birth",
+    age: "Age",
+    approximateAge: "Approximate Age",
+    placeOfBirth: "Place of Birth",
+    sex: "Sex",
+    phoneNumber: "Phone Number",
+    email: "Email",
+    address: "Address",
+    occupation: "Occupation",
+    type: "Patient Type",
+    preferredLanguage: "Preferred Language",
+    basicInformation: "Basic Information",
+    generalInformation: "General Information",
+    contactInformation: "Contact Information",
+    unknownDateOfBirth: "Unknown",
+    relatedPerson: "Related Person",
+    relatedPersons: {
+      error: {
+        relatedPersonRequired: "Related Person is required.",
+        relationshipTypeRequired: "Relationship Type is required."
+      },
+      label: "Related Persons",
+      new: "New Related Person",
+      relationshipType: "Relationship Type"
+    },
+    types: {
+      charity: "Charity",
+      private: "Private"
+    },
+    errors: {
+      patientGivenNameRequired: "Patient Given Name is required."
+    }
+  },
+}

src/locales/enUs/translations/patients/index.ts

@@ -0,0 +1,9 @@
+export default {
+  patients: {
+    label: 'Patients',
+    viewPatients: 'View Patients',
+    viewPatient: 'View Patient',
+    newPatient: 'New Patient',
+    successfullyCreated: "Successfully created patient"
+  },
+}

src/locales/enUs/translations/scheduling/index.ts

@@ -0,0 +1,29 @@
+export default {
+  scheduling: {
+    label: "Scheduling",
+    appointments: {
+      label: "Appointments",
+      new: "New Appointment"
+    },
+    appointment: {
+      startDate: "Start Date",
+      endDate: "End Date",
+      location: "Location",
+      type: "Type",
+      types: {
+        checkup: "Checkup",
+        emergency: "Emergency",
+        followUp: "Follow Up",
+        routine: "Routine",
+        walkUp: "Walk Up"
+      },
+      errors: {
+        patientRequired: "Patient is required.",
+        errorCreatingAppointment: "Error Creating Appointment!",
+        startDateMustBeBeforeEndDate: "Start Time must be before End Time."
+      },
+      reason: "Reason",
+      patient: "Patient"
+    }
+  },
+}

src/locales/enUs/translations/sex/index.ts

@@ -0,0 +1,8 @@
+export default {
+  sex: {
+    male: "Male",
+    female: "Female",
+    other: "Other",
+    unknown: "Unknown"
+  },
+}

src/locales/enUs/translations/states/index.ts

@@ -0,0 +1,6 @@
+export default {
+  states: {
+    success: "Success!",
+    error: "Error!"
+  },
+}

src/locales/es/translations/actions/index.ts

@@ -0,0 +1,9 @@
+export default {
+  actions: {
+    edit: 'Editar',
+    save: 'Guardar',
+    cancel: 'Cancelar',
+    new: 'Nuevo',
+    list: 'Lista',
+  },
+}

src/locales/es/translations/dashboard/index.ts

@@ -0,0 +1,5 @@
+export default {
+  dashboard: {
+    label: 'Panel',
+  },
+}