Fix crashes

drink-tracker-expo/screens/About.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Alert, Button, Linking } from 'react-native';
+import { Alert, Button, Linking, StatusBar } from 'react-native';
 import { InnerLayout, Row, StyledLayout } from '../styling/commonStyles';
 import { Text } from 'react-native-ui-lib';
 import { NavigationProps, Screens } from '../commonTypes';
@@ -26,6 +26,10 @@ const About = (props: NavigationProps) => {
 
     return (
         <StyledLayout>
+            <StatusBar
+                animated={true}
+                backgroundColor="#61dafb"
+            />
             <Row>
                 <BackButton onPress={onPressBack} />
             </Row>

drink-tracker-expo/screens/DebugScreen.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from 'react-native';
+import { Button, StatusBar } from 'react-native';
 import { StyledLayout } from '../styling/commonStyles';
 import { NavigationProps, Screens } from '../commonTypes';
 import { getAllSessions, storeSessionsLocally } from '../api';
@@ -22,6 +22,10 @@ const Debug = (props: NavigationProps) => {
 
     return (
         <StyledLayout>
+            <StatusBar
+                animated={true}
+                backgroundColor="#61dafb"
+            />
             <Button title="store dummy sessions" onPress={storeDummySessions} />
             <Button
                 title="console log all stored sessions"

drink-tracker-expo/screens/DrinkingLimits.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, Keyboard } from 'react-native';
+import { Button, Keyboard, StatusBar } from 'react-native';
 import { Incubator, NumberInput, Text } from 'react-native-ui-lib';
 import {
     InnerLayout,
@@ -9,7 +9,7 @@ import {
     toastStyles,
 } from '../styling/commonStyles';
 import { NavigationProps } from '../commonTypes';
-import { storeDrinkingLimits } from '../api/guestAccountAPI';
+import { getDrinkingLimits, storeDrinkingLimits } from '../api/guestAccountAPI';
 import { BackButton } from '../components/BackButton';
 
 type DrinkingLimitsProps = {
@@ -74,6 +74,10 @@ const DrinkingLimits = (props: DrinkingLimitsProps) => {
 
     return (
         <StyledLayout>
+            <StatusBar
+                animated={true}
+                backgroundColor="#61dafb"
+            />
             <Row>
                 <BackButton onPress={onPressBack} />
             </Row>

drink-tracker-expo/screens/Feedback.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from 'react-native';
+import { Button, StatusBar } from 'react-native';
 import { StyledLayout, toastStyles } from '../styling/commonStyles';
 import { Incubator, Text, TextField } from 'react-native-ui-lib';
 
@@ -27,6 +27,10 @@ const Feedback = () => {
 
     return (
         <StyledLayout>
+            <StatusBar
+                animated={true}
+                backgroundColor="#61dafb"
+            />
             <TextField
                 value={feedback}
                 onChangeText={setFeedback}

drink-tracker-expo/screens/HomeScreen.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from 'react-native';
+import { Button, StatusBar } from 'react-native';
 import { DrinkingSession, NavigationProps, Screens } from '../commonTypes';
 import { NewSessionModal } from '../components/NewSessionModal';
 import { SessionCard } from '../components/SessionCard';
@@ -71,6 +71,10 @@ export const HomeScreen = (props: NavigationProps) => {
 
     return (
         <StyledLayout>
+            <StatusBar
+                animated={true}
+                backgroundColor="#61dafb"
+            />
             <Row>
                 <View />
                 <Button

drink-tracker-expo/screens/SessionScreen.tsx

@@ -213,7 +213,7 @@ export const SessionScreen = (props: SessionScreenProps) => {
                             />
                         ) : (
                             <Text>You haven't drank anything yet.</Text>
-                        )} */}
+                        )}
 
                         <FinishModal
                             open={finishModalOpen}

drink-tracker-expo/screens/Settings.tsx

@@ -9,6 +9,7 @@ import {
 import { ListItem, Text, View, Button, Assets } from 'react-native-ui-lib';
 import { FlatList } from 'react-native-gesture-handler';
 import { BackButton } from '../components/BackButton';
+import { StatusBar } from 'react-native';
 
 const Settings = (props: NavigationProps) => {
     const redirect = (page: string) => {
@@ -36,6 +37,10 @@ const Settings = (props: NavigationProps) => {
 
     return (
         <StyledLayout>
+            <StatusBar
+                animated={true}
+                backgroundColor="#61dafb"
+            />
             <Row>
                 <BackButton onPress={() => props.navigation.goBack()} />
             </Row>

drink-tracker-expo/screens/Summary.tsx

@@ -14,6 +14,7 @@ import { BackButton } from '../components/BackButton';
 import { FlatList } from 'react-native-gesture-handler';
 import { getSession } from '../api';
 import { deleteDrink } from '../api/guestAccountAPI';
+import { StatusBar } from 'react-native';
 
 type SummaryProps = {
     route: {
@@ -96,6 +97,10 @@ const Summary = (props: SummaryProps) => {
 
     return (
         <StyledLayout>
+            <StatusBar
+                animated={true}
+                backgroundColor="#61dafb"
+            />
             <Row>
                 <BackButton onPress={onPressBack} />
             </Row>

drink-tracker-expo/styling/commonStyles.ts

@@ -16,7 +16,7 @@ export const InnerLayout = styled(View)`
 export const Row = styled.View`
     display: flex;
     flex-direction: row;
-    flex-wrap: none;
+    flex-wrap: nowrap;
     justify-content: space-between;
     width: 100%;
 `;