Merge branch 'master' of gitea.presley.nz:brandon.presley/Massive

DrawerMenu.tsx

@@ -1,5 +1,6 @@
 import {NavigationProp, useNavigation} from '@react-navigation/native'
 import {useCallback, useState} from 'react'
+import {Platform} from 'react-native'
 import DocumentPicker from 'react-native-document-picker'
 import {FileSystem} from 'react-native-file-access'
 import {Divider, IconButton, Menu} from 'react-native-paper'
@@ -153,8 +154,16 @@ export default function DrawerMenu({name}: {name: keyof DrawerParamList}) {
             icon="more-vert"
           />
         }>
-        <Menu.Item icon="arrow-downward" onPress={download} title="Download" />
-        <Menu.Item icon="arrow-upward" onPress={upload} title="Upload" />
+        {Platform.OS === 'android' && (
+          <>
+            <Menu.Item
+              icon="arrow-downward"
+              onPress={download}
+              title="Download"
+            />
+            <Menu.Item icon="arrow-upward" onPress={upload} title="Upload" />
+          </>
+        )}
         <Divider />
         <Menu.Item
           icon="delete"

EditPlan.tsx

@@ -102,29 +102,15 @@ export default function EditPlan() {
             ))
           )}
         </ScrollView>
-        {names.length === 0 ? (
-          <Button
-            disabled={workouts.length === 0 && days.length === 0}
-            mode="contained"
-            onPress={() => {
-              navigation.goBack()
-              navigation.navigate('Workouts', {
-                screen: 'EditWorkout',
-                params: {value: {name: ''}},
-              })
-            }}>
-            Add workout
-          </Button>
-        ) : (
-          <Button
-            disabled={workouts.length === 0 && days.length === 0}
-            style={{marginTop: MARGIN}}
-            mode="contained"
-            icon="save"
-            onPress={save}>
-            Save
-          </Button>
-        )}
+
+        <Button
+          disabled={workouts.length === 0 && days.length === 0}
+          style={styles.button}
+          mode="contained"
+          icon="save"
+          onPress={save}>
+          Save
+        </Button>
       </View>
     </>
   )
@@ -135,4 +121,7 @@ const styles = StyleSheet.create({
     fontSize: 20,
     marginBottom: MARGIN,
   },
+  button: {
+    margin: MARGIN * 2,
+  },
 })

Routes.tsx

@@ -1,5 +1,6 @@
 import {createDrawerNavigator} from '@react-navigation/drawer'
 import {useMemo} from 'react'
+import {Platform} from 'react-native'
 import {IconButton} from 'react-native-paper'
 import BestPage from './BestPage'
 import {DrawerParamList} from './drawer-param-list'
@@ -35,16 +36,22 @@ export default function Routes() {
         swipeEdgeWidth: 1000,
         headerShown: false,
       }}>
-      {routes.map(route => (
-        <Drawer.Screen
-          key={route.name}
-          name={route.name}
-          component={route.component}
-          options={{
-            drawerIcon: () => <IconButton icon={route.icon} />,
-          }}
-        />
-      ))}
+      {}
+      {routes
+        .filter(route => {
+          if (Platform.OS === 'ios' && route.name === 'Timer') return false
+          return true
+        })
+        .map(route => (
+          <Drawer.Screen
+            key={route.name}
+            name={route.name}
+            component={route.component}
+            options={{
+              drawerIcon: () => <IconButton icon={route.icon} />,
+            }}
+          />
+        ))}
     </Drawer.Navigator>
   )
 }

ViewBest.tsx

@@ -1,4 +1,3 @@
-import {Picker} from '@react-native-picker/picker'
 import {RouteProp, useRoute} from '@react-navigation/native'
 import {format} from 'date-fns'
 import {useEffect, useState} from 'react'
@@ -10,13 +9,12 @@ import {setRepo} from './db'
 import GymSet from './gym-set'
 import {Metrics} from './metrics'
 import {Periods} from './periods'
+import Select from './Select'
 import StackHeader from './StackHeader'
-import useDark from './use-dark'
 import Volume from './volume'
 
 export default function ViewBest() {
   const {params} = useRoute<RouteProp<BestPageParams, 'ViewBest'>>()
-  const dark = useDark()
   const [weights, setWeights] = useState<GymSet[]>([])
   const [volumes, setVolumes] = useState<Volume[]>([])
   const [metric, setMetric] = useState(Metrics.Weight)
@@ -67,24 +65,27 @@ export default function ViewBest() {
     <>
       <StackHeader title={params.best.name} />
       <View style={{padding: PADDING}}>
-        <Picker
-          style={{color: dark ? 'white' : 'black'}}
-          dropdownIconColor={dark ? 'white' : 'black'}
-          selectedValue={metric}
-          onValueChange={value => setMetric(value)}>
-          <Picker.Item value={Metrics.Volume} label={Metrics.Volume} />
-          <Picker.Item value={Metrics.Weight} label={Metrics.Weight} />
-          <Picker.Item value={Metrics.OneRepMax} label={Metrics.OneRepMax} />
-        </Picker>
-        <Picker
-          style={{color: dark ? 'white' : 'black'}}
-          dropdownIconColor={dark ? 'white' : 'black'}
-          selectedValue={period}
-          onValueChange={value => setPeriod(value)}>
-          <Picker.Item value={Periods.Weekly} label={Periods.Weekly} />
-          <Picker.Item value={Periods.Monthly} label={Periods.Monthly} />
-          <Picker.Item value={Periods.Yearly} label={Periods.Yearly} />
-        </Picker>
+        <Select
+          items={[
+            {value: Metrics.Volume, label: Metrics.Volume},
+            {value: Metrics.OneRepMax, label: Metrics.OneRepMax},
+            {
+              label: Metrics.Weight,
+              value: Metrics.Weight,
+            },
+          ]}
+          onChange={value => setMetric(value as Metrics)}
+          value={metric}
+        />
+        <Select
+          items={[
+            {value: Periods.Weekly, label: Periods.Weekly},
+            {value: Periods.Monthly, label: Periods.Monthly},
+            {value: Periods.Yearly, label: Periods.Yearly},
+          ]}
+          onChange={value => setPeriod(value as Periods)}
+          value={period}
+        />
         {metric === Metrics.Volume ? (
           <Chart
             yData={volumes.map(v => v.value)}