chore(release): 2.16.0 [skip ci]

# [2.16.0](https://github.com/kolplattformen/skolplattformen/compare/v2.15.10...v2.16.0) (2023-11-02)

### Features

* navigate from "Your Children" to specific tabs ([#660](https://github.com/kolplattformen/skolplattformen/issues/660)) ([34c376a](34c376a727))

CHANGELOG.md

@@ -1,3 +1,10 @@
+# [2.16.0](https://github.com/kolplattformen/skolplattformen/compare/v2.15.10...v2.16.0) (2023-11-02)
+
+
+### Features
+
+* navigate from "Your Children" to specific tabs ([#660](https://github.com/kolplattformen/skolplattformen/issues/660)) ([34c376a](https://github.com/kolplattformen/skolplattformen/commit/34c376a727ad0bbfbd3f7be01aedb91d1705b34b))
+
 ## [2.15.10](https://github.com/kolplattformen/skolplattformen/compare/v2.15.9...v2.15.10) (2023-10-07)
 
 

apps/skolplattformen-app/components/child.component.tsx

@@ -139,7 +139,10 @@ const TabNavigator = ({
 )
 
 const getHeaderTitle = (route: any) => {
-  const routeName = getFocusedRouteNameFromRoute(route) ?? 'News'
+  const routeName =
+    getFocusedRouteNameFromRoute(route) ??
+    route.params.initialRouteName ??
+    'News'
   return getRouteTitleFromName(routeName)
 }
 

apps/skolplattformen-app/components/childListItem.component.tsx

@@ -18,7 +18,7 @@ import {
 } from '@ui-kitten/components'
 import moment, { Moment } from 'moment'
 import React, { useEffect } from 'react'
-import { TouchableOpacity, useColorScheme, View } from 'react-native'
+import { Pressable, useColorScheme, View } from 'react-native'
 import { useTranslation } from '../hooks/useTranslation'
 import { Colors, Layout, Sizing } from '../styles'
 import { getMeaningfulStartingDate } from '../utils/calendarHelpers'
@@ -157,11 +157,15 @@ export const ChildListItem = ({
     )
 
   return (
-    <TouchableOpacity
+    <View style={styles.card}>
-      onPress={() => navigation.navigate('Child', { child, color })}
+      <View style={styles.cardHeader}>
-    >
+        <Pressable
-      <View style={styles.card}>
+          style={({ pressed }) => [
-        <View style={styles.cardHeader}>
+            styles.cardHeaderLeft || {},
+            { opacity: pressed ? 0.5 : 1 },
+          ]}
+          onPress={() => navigation.navigate('Child', { child, color })}
+        >
           <View style={styles.cardHeaderLeft}>
             <StudentAvatar name={studentName(child.name)} color={color} />
             <View style={styles.cardHeaderText}>
@@ -178,16 +182,37 @@ export const ChildListItem = ({
               name="star"
             />
           </View>
-        </View>
+        </Pressable>
+      </View>
 
+      <Pressable
+        style={({ pressed }) => ['' || {}, { opacity: pressed ? 0.5 : 1 }]}
+        onPress={() =>
+          navigation.navigate('Child', {
+            child,
+            color,
+            initialRouteName: 'Calendar',
+          })
+        }
+      >
         <DaySummary child={child} date={meaningfulStartingDate} />
-
         {scheduleAndCalendarThisWeek.slice(0, 3).map((calendarItem, i) => (
           <Text category="p1" key={i}>
             {`${calendarItem.title} (${displayDate(calendarItem.startDate)})`}
           </Text>
         ))}
+      </Pressable>
 
+      <Pressable
+        style={({ pressed }) => ['' || {}, { opacity: pressed ? 0.5 : 1 }]}
+        onPress={() =>
+          navigation.navigate('Child', {
+            child,
+            color,
+            initialRouteName: 'News',
+          })
+        }
+      >
         <Text category="c2" style={styles.label}>
           {t('navigation.news')}
         </Text>
@@ -202,43 +227,52 @@ export const ChildListItem = ({
             {newsItem.header ?? ''}
           </Text>
         ))}
+      </Pressable>
 
-        {scheduleAndCalendarThisWeek.length ||
+      {scheduleAndCalendarThisWeek.length ||
-        notificationsThisWeek.length ||
+      notificationsThisWeek.length ||
-        newsThisWeek.length ? null : (
+      newsThisWeek.length ? null : (
-          <Text category="p1" style={styles.noNewNewsItemsText}>
+        <Text category="p1" style={styles.noNewNewsItemsText}>
-            {t('news.noNewNewsItemsThisWeek')}
+          {t('news.noNewNewsItemsThisWeek')}
+        </Text>
+      )}
+      {shouldShowLunchMenu ? (
+        <Pressable
+          style={({ pressed }) => ['' || {}, { opacity: pressed ? 0.5 : 1 }]}
+          onPress={() =>
+            navigation.navigate('Child', {
+              child,
+              color,
+              initialRouteName: 'Menu',
+            })
+          }
+        >
+          <Text category="c2" style={styles.label}>
+            {meaningfulStartingDate.format(
+              '[' + t('schedule.lunch') + '] dddd'
+            )}
           </Text>
-        )}
+          <Text>
-        {shouldShowLunchMenu ? (
+            {menu[meaningfulStartingDate.isoWeekday() - 1]?.description}
-          <>
+          </Text>
-            <Text category="c2" style={styles.label}>
+        </Pressable>
-              {meaningfulStartingDate.format(
+      ) : null}
-                '[' + t('schedule.lunch') + '] dddd'
-              )}
-            </Text>
-            <Text>
-              {menu[meaningfulStartingDate.isoWeekday() - 1]?.description}
-            </Text>
-          </>
-        ) : null}
 
-        <View style={styles.itemFooter}>
+      <View style={styles.itemFooter}>
-          <Button
+        <Button
-            accessible
+          accessible
-            accessibilityRole="button"
+          accessibilityRole="button"
-            accessibilityLabel={`${child.name}, ${t('abscense.title')}`}
+          accessibilityLabel={`${child.name}, ${t('abscense.title')}`}
-            appearance="ghost"
+          appearance="ghost"
-            accessoryLeft={AlertIcon}
+          accessoryLeft={AlertIcon}
-            status="primary"
+          status="primary"
-            style={styles.absenceButton}
+          style={styles.absenceButton}
-            onPress={() => navigation.navigate('Absence', { child })}
+          onPress={() => navigation.navigate('Absence', { child })}
-          >
+        >
-            {t('abscense.title')}
+          {t('abscense.title')}
-          </Button>
+        </Button>
-        </View>
       </View>
-    </TouchableOpacity>
+    </View>
   )
 }
 

apps/skolplattformen-app/components/navigationTitle.component.tsx

@@ -19,7 +19,11 @@ export const NavigationTitle = ({ title, subtitle }: NavigationTitleProps) => {
           {title}
         </Text>
       )}
-      {subtitle && <Text style={styles.subtitle}>{subtitle}</Text>}
+      {subtitle && (
+        <Text style={styles.subtitle}>
+          {subtitle.substring(0, subtitle.indexOf(' '))}
+        </Text>
+      )}
     </View>
   )
 }
@@ -32,5 +36,5 @@ const styles = StyleSheet.create({
     ...fontSize.sm,
     fontWeight: '500',
   },
-  subtitle: { ...fontSize.xxs },
+  subtitle: { ...fontSize.base },
 })

docs/ios_mac.md

@@ -49,7 +49,7 @@ For more information, please visit [CocoaPods Getting Started guide](https://gui
 
 ### Running on a device
 
-The above command will automatically run your app on the iOS Simulator by default. If you want to run the app on an actual physical iOS device, please follow the instructions [here](https://reactnative.dev/docs/running-on-device.
+The above command will automatically run your app on the iOS Simulator by default. If you want to run the app on an actual physical iOS device, please follow the instructions [here](https://reactnative.dev/docs/running-on-device).
 
 ## Running the app 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "skolplattformen",
-  "version": "2.15.10",
+  "version": "2.16.0",
   "license": "MIT",
   "scripts": {
     "start": "nx start",