Fix colors on header bar for light theme

DrawerHeader.tsx

@@ -3,13 +3,19 @@ import {useNavigation} from '@react-navigation/native';
 import {Appbar, IconButton} from 'react-native-paper';
 import {DrawerParamList} from './drawer-param-list';
 import DrawerMenu from './DrawerMenu';
+import useDark from './use-dark';
 
 export default function DrawerHeader({name}: {name: keyof DrawerParamList}) {
   const navigation = useNavigation<DrawerNavigationProp<DrawerParamList>>();
+  const dark = useDark();
 
   return (
     <Appbar.Header>
-      <IconButton icon="menu" onPress={navigation.openDrawer} />
+      <IconButton
+        color={dark ? 'white' : 'white'}
+        icon="menu"
+        onPress={navigation.openDrawer}
+      />
       <Appbar.Content title={name} />
       <DrawerMenu name={name} />
     </Appbar.Header>

DrawerMenu.tsx

@@ -10,6 +10,7 @@ import {Plan} from './plan';
 import {addPlans, deletePlans, getAllPlans} from './plan.service';
 import Set from './set';
 import {addSets, deleteSets, getAllSets} from './set.service';
+import useDark from './use-dark';
 import {write} from './write';
 
 const setFields =
@@ -21,6 +22,7 @@ export default function DrawerMenu({name}: {name: keyof DrawerParamList}) {
   const [showRemove, setShowRemove] = useState(false);
   const {toast} = useSnackbar();
   const {reset} = useNavigation<NavigationProp<DrawerParamList>>();
+  const dark = useDark();
 
   const exportSets = useCallback(async () => {
     const sets = await getAllSets();
@@ -135,7 +137,11 @@ export default function DrawerMenu({name}: {name: keyof DrawerParamList}) {
         visible={showMenu}
         onDismiss={() => setShowMenu(false)}
         anchor={
-          <IconButton onPress={() => setShowMenu(true)} icon="more-vert" />
+          <IconButton
+            color={dark ? 'white' : 'white'}
+            onPress={() => setShowMenu(true)}
+            icon="more-vert"
+          />
         }>
         <Menu.Item icon="arrow-downward" onPress={download} title="Download" />
         <Menu.Item icon="arrow-upward" onPress={upload} title="Upload" />

StackHeader.tsx

@@ -3,15 +3,22 @@ import Share from 'react-native-share';
 import {FileSystem} from 'react-native-file-access';
 import {Appbar, IconButton} from 'react-native-paper';
 import {captureScreen} from 'react-native-view-shot';
+import useDark from './use-dark';
 
 export default function StackHeader({title}: {title: string}) {
   const navigation = useNavigation();
+  const dark = useDark();
 
   return (
     <Appbar.Header>
-      <IconButton icon="arrow-back" onPress={navigation.goBack} />
+      <IconButton
+        color={dark ? 'white' : 'white'}
+        icon="arrow-back"
+        onPress={navigation.goBack}
+      />
       <Appbar.Content title={title} />
       <IconButton
+        color={dark ? 'white' : 'white'}
         onPress={() =>
           captureScreen().then(async uri => {
             const base64 = await FileSystem.readFile(uri, 'base64');

deploy.sh

@@ -2,11 +2,14 @@
 
 set -ex
 
-tsp yarn tsc
+yarn tsc &
-tsp yarn lint
+tsc=$!
-tsp yarn test
+yarn lint
-tsp -w
+lint=$!
-tsp git push origin HEAD
+yarn test
+units=$1
+wait $tsc $lint $units
+git push origin HEAD &
 
 cd android || exit 1
 build=app/build.gradle