From 747f6a7fccc0fe1a3e4cbec87a8e38faa37cfa09 Mon Sep 17 00:00:00 2001
From: Joseph McCombs <jamccomb92@gmail.com>
Date: Thu, 12 Nov 2020 20:58:52 -0500
Subject: [PATCH] chore: add I18n translations

---
 components/Cards/SmallCardsCarousel/index.js  | 93 ++++++++++---------
 .../FormikFields/PaperInputPicker/index.js    | 85 +++++++----------
 .../PaperInputPicker/index.style.js           |  2 +-
 .../configs/vitals.config.js                  | 62 ++++++-------
 modules/i18n/english/en.json                  | 29 +++++-
 modules/i18n/spanish/es.json                  | 26 ++++++
 6 files changed, 171 insertions(+), 126 deletions(-)

diff --git a/components/Cards/SmallCardsCarousel/index.js b/components/Cards/SmallCardsCarousel/index.js
index 1eb402c0a..8b0026f86 100644
--- a/components/Cards/SmallCardsCarousel/index.js
+++ b/components/Cards/SmallCardsCarousel/index.js
@@ -33,50 +33,57 @@ import I18n from '../../../modules/i18n';
 const SmallCardsCarousel = ({
   puenteForms, navigateToNewRecord, setView, surveyee, setUser
 }) => (
-  <ScrollView horizontal>
-    {puenteForms.map((form) => (
-      <Card
-        key={form.tag}
-        style={styles.cardSmallStyle}
-        onPress={() => {
-          if (setUser) {
-            setView('Forms');
-            navigateToNewRecord(form.tag, surveyee);
-          } else {
-            navigateToNewRecord(form.tag);
-          }
-        }}
-      >
-        {form.tag === 'id' && (
-        <View marginTop="auto" marginBottom="auto">
-          <NewRecordSVG height={40} style={styles.svg} />
-          <Button labelStyle={styles.topButton} compact>{I18n.t('cards.smallCards.residentID')}</Button>
-          <Button labelStyle={styles.bottomButton} compact />
-        </View>
-        )}
+    <ScrollView horizontal>
+      {puenteForms.map((form) => (
+        <Card
+          key={form.tag}
+          style={styles.cardSmallStyle}
+          onPress={() => {
+            if (setUser) {
+              setView('Forms');
+              navigateToNewRecord(form.tag, surveyee);
+            } else {
+              navigateToNewRecord(form.tag);
+            }
+          }}
+        >
+          {form.tag === 'id' && (
+            <View marginTop="auto" marginBottom="auto">
+              <NewRecordSVG height={40} style={styles.svg} />
+              <Button labelStyle={styles.topButton} compact>{I18n.t('cards.smallCards.residentID')}</Button>
+              <Button labelStyle={styles.bottomButton} compact />
+            </View>
+          )}
 
-        {form.tag === 'env' && (
-        <View marginTop="auto" marginBottom="auto">
-          <EnvSVG height={40} style={styles.svg} />
-          <View>
-            <Button labelStyle={styles.topButton} compact>{I18n.t('cards.smallCards.environmental')}</Button>
-            <Button labelStyle={styles.bottomButton} compact>{I18n.t('cards.smallCards.history')}</Button>
-          </View>
-        </View>
-        )}
-        {form.tag === 'med-eval' && (
-        <View marginTop="auto" marginBottom="auto">
-          <MedEvalSVG height={40} style={styles.svg} />
-          <View marginTop="auto">
-            <Button labelStyle={styles.topButton} compact>{I18n.t('cards.smallCards.medical')}</Button>
-            <Button labelStyle={styles.bottomButton} compact>{I18n.t('cards.smallCards.evaluation')}</Button>
-          </View>
-        </View>
-        )}
-      </Card>
-    ))}
-  </ScrollView>
-);
+          {form.tag === 'env' && (
+            <View marginTop="auto" marginBottom="auto">
+              <EnvSVG height={40} style={styles.svg} />
+              <View>
+                <Button labelStyle={styles.topButton} compact>{I18n.t('cards.smallCards.environmental')}</Button>
+                <Button labelStyle={styles.bottomButton} compact>{I18n.t('cards.smallCards.history')}</Button>
+              </View>
+            </View>
+          )}
+          {form.tag === 'med-eval' && (
+            <View marginTop="auto" marginBottom="auto">
+              <MedEvalSVG height={40} style={styles.svg} />
+              <View marginTop="auto">
+                <Button labelStyle={styles.topButton} compact>{I18n.t('cards.smallCards.medical')}</Button>
+                <Button labelStyle={styles.bottomButton} compact>{I18n.t('cards.smallCards.evaluation')}</Button>
+              </View>
+            </View>
+          )}
+          {form.tag === 'vitals' && (
+            <View marginTop="auto" marginBottom="auto">
+              <NewRecordSVG height={40} style={styles.svg} />
+              <Button labelStyle={styles.topButton} compact>{I18n.t('cards.smallCards.vitals')}</Button>
+              <Button labelStyle={styles.bottomButton} compact />
+            </View>
+          )}
+        </Card>
+      ))}
+    </ScrollView>
+  );
 
 const styles = StyleSheet.create({
   cardSmallStyle: {
diff --git a/components/FormikFields/PaperInputPicker/index.js b/components/FormikFields/PaperInputPicker/index.js
index 5dc47c57f..b8f61fc27 100644
--- a/components/FormikFields/PaperInputPicker/index.js
+++ b/components/FormikFields/PaperInputPicker/index.js
@@ -321,13 +321,16 @@ const PaperInputPicker = ({
         <View style={styles.container}>
           <Text>{translatedLabel}</Text>
           <View style={styles.multiInputContainer}>
-            {data.options.map((result) => (
-              <View key={result.value} style={styles.inputItem}>
-                {/* {!result.textSplit && (
-                  <View>
+            {data.options.map((result) =>
+              result.textSplit ? (
+                <View style={{ flex: 1 }}>
+                  <Text style={styleX.textSplit}>{result.label}</Text>
+                </View>
+              ) : (
+                  <View key={result.value} style={styles.inputItem}>
                     <TextInput
                       label={customForm ? result.label : I18n.t(result.label)}
-                      onChangeText={handleChange(customForm ? result : I18n.t(result.label))}
+                      onChangeText={handleChange(customForm ? result.label : I18n.t(result.label))}
                       onBlur={handleBlur(customForm ? result.label : I18n.t(result.label))}
                       {...rest} //eslint-disable-line
                       mode="outlined"
@@ -337,52 +340,35 @@ const PaperInputPicker = ({
                       {errors[customForm ? result.label : I18n.t(result.label)]}
                     </Text>
                   </View>
-                )} */}
-                {result.textSplit ? (
-                  <Text style={styleX.textSplit}>{result.label}</Text>
-                ) : (
-                    <View>
-                      <TextInput
-                        label={customForm ? result.label : I18n.t(result.label)}
-                        onChangeText={handleChange(customForm ? result.label : I18n.t(result.label))}
-                        onBlur={handleBlur(customForm ? result.label : I18n.t(result.label))}
-                        {...rest} //eslint-disable-line
-                        mode="outlined"
-                        theme={{ colors: { placeholder: theme.colors.primary }, text: 'black' }}
-                      />
-                      <Text style={{ color: 'red' }}>
-                        {errors[customForm ? result.label : I18n.t(result.label)]}
-                      </Text>
-                    </View>
-                  )}
-              </View>
-            ))}
+                ))}
           </View>
         </View>
       )}
-      {fieldType === 'multiInputRowNum' && (
-        <View style={styles.container}>
-          <Text>{translatedLabel}</Text>
-          <View style={styles.multiInputContainer}>
-            {data.options.map((result) => (
-              <View key={result.value} style={styles.inputItem}>
-                <TextInput
-                  label={customForm ? result.label : I18n.t(result.label)}
-                  onChangeText={handleChange(result.value)}
-                  onBlur={handleBlur(result.value)}
-                  {...rest} //eslint-disable-line
-                  mode="outlined"
-                  keyboardType="numeric"
-                  theme={{ colors: { placeholder: theme.colors.primary }, text: 'black' }}
-                />
-                <Text style={{ color: 'red' }}>
-                  {errors[result.value]}
-                </Text>
-              </View>
-            ))}
+      {
+        fieldType === 'multiInputRowNum' && (
+          <View style={styles.container}>
+            <Text>{translatedLabel}</Text>
+            <View style={styles.multiInputContainer}>
+              {data.options.map((result) => (
+                <View key={result.value} style={styles.inputItem}>
+                  <TextInput
+                    label={customForm ? result.label : I18n.t(result.label)}
+                    onChangeText={handleChange(result.value)}
+                    onBlur={handleBlur(result.value)}
+                    {...rest} //eslint-disable-line
+                    mode="outlined"
+                    keyboardType="numeric"
+                    theme={{ colors: { placeholder: theme.colors.primary }, text: 'black' }}
+                  />
+                  <Text style={{ color: 'red' }}>
+                    {errors[result.value]}
+                  </Text>
+                </View>
+              ))}
+            </View>
           </View>
-        </View>
-      )}
+        )
+      }
     </>
   );
 };
@@ -396,12 +382,11 @@ const styleX = StyleSheet.create({
     fontSize: 15
   },
   textSplit: {
-    fontSize: 15,
+    fontSize: 35,
     marginLeft: 'auto',
     marginRight: 'auto',
     marginTop: 'auto',
-    marginBottom: 'auto',
-    flex: .001
+    marginBottom: 25,
   }
 })
 
diff --git a/components/FormikFields/PaperInputPicker/index.style.js b/components/FormikFields/PaperInputPicker/index.style.js
index 651470d52..ec148f2c1 100644
--- a/components/FormikFields/PaperInputPicker/index.style.js
+++ b/components/FormikFields/PaperInputPicker/index.style.js
@@ -11,7 +11,7 @@ const styles = StyleSheet.create({
 
   },
   inputItem: {
-    flex: 1,
+    flex: 7,
     marginHorizontal: 5
   },
   multiInputContainer: {
diff --git a/domains/DataCollection/Forms/SupplementaryForm/configs/vitals.config.js b/domains/DataCollection/Forms/SupplementaryForm/configs/vitals.config.js
index 3c33a390e..fa31bec6e 100644
--- a/domains/DataCollection/Forms/SupplementaryForm/configs/vitals.config.js
+++ b/domains/DataCollection/Forms/SupplementaryForm/configs/vitals.config.js
@@ -1,68 +1,68 @@
 const configArray = {
   class: 'HistoryEnvironmentalHealth',
-  name: 'environmentalHealth.name',
-  customForm: true,
+  name: 'vitals.name',
+  customForm: false,
   fields: [
     {
-      label: 'Vitals',
+      label: 'vitals.name',
       fieldType: 'header',
       formikKey: 'none_vitals',
     },
     {
-      label: 'Height',
-      sideLabel: 'Inches',
+      label: 'vitals.height',
+      sideLabel: 'vitals.inches',
       formikKey: 'height',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Weight',
-      sideLabel: 'Pounds',
+      label: 'vitals.weight',
+      sideLabel: 'vitals.pounds',
       formikKey: 'weight',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Body Mass Index',
+      label: 'vitals.bmi',
       formikKey: 'bmi',
       value: '',
       fieldType: 'input',
       validation: false
     },
     {
-      label: 'Body Temperature',
-      sideLabel: '°Celcius',
-      formikKey: 'bodyTemp',
+      label: 'vitals.temp',
+      sideLabel: 'vitals.celsius',
+      formikKey: 'temp',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Pulse',
-      sideLabel: 'Beats Per Minute',
+      label: 'vitals.pulse',
+      sideLabel: 'vitals.bpm',
       formikKey: 'pulse',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Respiratory Rate',
-      sideLabel: 'Breaths Per Minute',
-      formikKey: 'respiratory',
+      label: 'vitals.respRate',
+      sideLabel: 'vitals.breathspm',
+      formikKey: 'respRate',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Blood Pressure',
-      formikKey: 'blood_pressure',
+      label: 'vitals.bloodPressure.label',
+      formikKey: 'bloodPressure',
       value: '',
       fieldType: 'multiInputRow',
       options: [
         {
-          label: 'Systolic',
+          label: 'vitals.bloodPressure.systolic',
           value: 'Systolic'
         },
         {
@@ -70,38 +70,38 @@ const configArray = {
           textSplit: true
         },
         {
-          label: 'Diastolic',
+          label: 'vitals.bloodPressure.diastolic',
           value: 'Diastolic'
         }
       ],
     },
     {
-      label: 'Blood Oxygen',
-      sideLabel: 'mm Hg',
-      formikKey: 'blood_oxygen',
+      label: 'vitals.bloodOxygen',
+      sideLabel: 'vitals.mmHg',
+      formikKey: 'bloodOxygen',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Blood Sugar',
-      sideLabel: 'mg/dL',
-      formikKey: 'blood_sugar',
+      label: 'vitals.bloodSugar',
+      sideLabel: 'vitals.mgdL',
+      formikKey: 'bloodSugar',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Hemoglobin Levels',
-      sideLabel: 'g/dL',
-      formikKey: 'blood_pressure',
+      label: 'vitals.hemoglobinLevels',
+      sideLabel: 'vitals.gdL',
+      formikKey: 'hemoglobinLevels',
       value: '',
       fieldType: 'inputSideLabel',
       validation: false
     },
     {
-      label: 'Pain',
-      formikKey: 'pain',
+      label: 'vitals.pain',
+      formikKey: 'painLevels',
       value: '',
       fieldType: 'input',
       validation: false
diff --git a/modules/i18n/english/en.json b/modules/i18n/english/en.json
index b8423cb6a..b766d3025 100644
--- a/modules/i18n/english/en.json
+++ b/modules/i18n/english/en.json
@@ -248,6 +248,32 @@
     "immediateFollowupRequired": "Immediate Follow Up Required?",
     "plan": "Plan"
   },
+  "vitals": {
+    "name": "Vitals",
+    "height": "Height",
+    "inches": "Inches",
+    "weight": "Weight",
+    "pounds": "Pounds",
+    "bmi": "Body Mass Index",
+    "temp": "Body Temperature",
+    "celsius": "°Celsius",
+    "pulse": "Pulse",
+    "bpm": "Beats Per Minute",
+    "respRate": "Repiratory Rate",
+    "breathspm": "Breaths Per Minute",
+    "bloodPressure": {
+      "label": "Blood Pressure",
+      "systolic": "Systolic",
+      "diastolic": "Diastolic"
+    },
+    "bloodOxygen": "Blood Oxygen",
+    "mmHg": "mm Hg",
+    "bloodSugar": "Blood Sugar",
+    "mgdL": "mg/dL",
+    "hemoglobinLevels": "Hemoglobin Levels",
+    "gdL": "g/dL",
+    "pain": "Pain"
+  },
   "supplementaryForms": {
     "attachResident": "Attach a Community Resident"
   },
@@ -283,7 +309,8 @@
       "environmental": "Environment",
       "history": "History",
       "medical": "Medical",
-      "evaluation": "Evaluation"
+      "evaluation": "Evaluation",
+      "vitals": "Vitals"
     }
   },
   "findResident": {
diff --git a/modules/i18n/spanish/es.json b/modules/i18n/spanish/es.json
index f99d644b9..fe9d37582 100644
--- a/modules/i18n/spanish/es.json
+++ b/modules/i18n/spanish/es.json
@@ -250,6 +250,32 @@
     "immediateFollowupRequired": "¿Se requiere seguimiento inmediato?",
     "plan": "Plan"
   },
+  "vitals":{
+    "name": "Partes Vitales",
+    "height":"Altura",
+    "inches":"Pulgadas",
+    "weight":"Pesos",
+    "pounds":"Libras",
+    "bmi":"Indice de masa corporal",
+    "temp":"Temperatura",
+    "celsius":"°Celsius",
+    "pulse":"Pulso",
+    "bpm":"Latidos por minuto",
+    "respRate":"Frecuencia respiratoria",
+    "breathspm":"espiras por minuto",
+    "bloodPressure":{
+      "label":"Presion sanguinia",
+      "systolic":"Sistólico",
+      "diastolic":"Diastólico"
+    },
+    "bloodOxygen":"Saturacion de oxígeno en la sangre",
+    "mmHg":"mm Hg",
+    "bloodSugar":"Nivel de azucar",
+    "mgdL":"mg/dL",
+    "hemoglobinLevels":"Niveles de hemoglobina",
+    "gdL":"g/dL",
+    "pain":"Nivel de dolor"
+  },
   "supplementaryForms": {
     "attachResident": "Adjuntar una residente de la comunidad"
   },