Fixes abscense

packages/app/components/absence.component.tsx

@@ -22,6 +22,7 @@ import * as Yup from 'yup'
 import { Colors, Layout as LayoutStyle, Sizing, Typography } from '../styles'
 import { studentName } from '../utils/peopleHelpers'
 import { useSMS } from '../utils/SMS'
+import { translate } from '../utils/translation'
 import { BackIcon } from './icon.component'
 import { RootStackParamList } from './navigation.component'
 
@@ -85,7 +86,7 @@ const Absence = () => {
         )}
         alignment="center"
         style={styles.topBar}
-        title="Anmäl frånvaro"
+        title={translate('abscense.title')}
         subtitle={studentName(child.name)}
       />
       <Divider />
@@ -197,11 +198,14 @@ const Absence = () => {
                         {moment(values.endTime).format('HH:mm')}
                       </Button>
                       <DateTimePickerModal
-                        cancelTextIOS="Avbryt"
-                        confirmTextIOS="Bekräfta"
+                        cancelTextIOS={translate('general.abort')}
+                        confirmTextIOS={translate('general.confirm')}
                         date={moment(values.endTime).toDate()}
                         isVisible={values.displayEndTimePicker}
-                        headerTextIOS="Välj en sluttid"
+                        headerTextIOS={translate(
+                          'abscense.selectAbscenseEndTime'
+                        )}
+                        // Todo fix this
                         locale="sv-SE"
                         maximumDate={maximumDate.toDate()}
                         minimumDate={minumumDate.toDate()}
@@ -219,7 +223,7 @@ const Absence = () => {
                   </View>
                 )}
                 <Button onPress={handleSubmit} status="primary">
-                  Skicka
+                  {translate('general.send')}
                 </Button>
               </View>
             )

packages/app/components/childListItem.component.tsx

@@ -15,6 +15,7 @@ import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { Colors, Layout, Sizing } from '../styles'
 import { studentName } from '../utils/peopleHelpers'
+import { translate } from '../utils/translation'
 import {
   CalendarOutlineIcon,
   MenuIcon,
@@ -214,7 +215,7 @@ export const ChildListItem = ({ child, color }: ChildListItemProps) => {
           size="small"
           onPress={() => navigation.navigate('Absence', { child })}
         >
-          Anmäl frånvaro
+          {translate('abscense.title')}
         </Button>
       </View>
     </Card>

packages/app/translations/en.json

@@ -4,7 +4,9 @@
         "loading": "Loading...",
         "logout": "Logout",
         "abort": "Abort",
-        "settings": "Settings"
+        "settings": "Settings",
+        "send": "Send",
+        "confirm": "Confirm"
     },
     "auth": {
         "subtitle": "The {{word}} alternative",
@@ -39,6 +41,10 @@
     "children": {
         "title": "Your children",
         "noKids_title": "Inga barn",
-        "noKids_description": "Det finns inga barn registrerade för ditt personnummer i Stockholms Stad",
+        "noKids_description": "Det finns inga barn registrerade för ditt personnummer i Stockholms Stad"
+    },
+    "abscense": {
+        "title": "Report absence",
+        "selectAbscenseEndTime": "Choose end time"
     }
 }

packages/app/translations/sv.json

@@ -1,7 +1,12 @@
 {
     "general": {
         "title": "Öppna skolplattformen",
-        "loading": "Laddar..."
+        "loading": "Laddar...",
+        "logout": "Logga ut",
+        "abort": "Avbryt",
+        "settings": "Inställningar",
+        "send": "Skicka",
+        "confirm": "Bekräfta"
     },
     "auth": {
         "subtitle": "Det {{word}} alternativet",
@@ -37,5 +42,9 @@
         "title": "Dina barn",
         "noKids_title": "Inga barn",
         "noKids_description": "Det finns inga barn registrerade för ditt personnummer i Stockholms Stad"
+    },
+    "abscense": {
+        "title": "Anmäl frånvaro",
+        "selectAbscenseEndTime": "Välj sluttid"
     }
 }