Add workouts from plan page if none exist

EditPlan.tsx

@@ -1,4 +1,5 @@
 import {
+  NavigationProp,
   RouteProp,
   useFocusEffect,
   useNavigation,
@@ -11,6 +12,7 @@ import {DatabaseContext} from './App';
 import MassiveSwitch from './MassiveSwitch';
 import {PlanPageParams} from './PlanPage';
 import {DAYS} from './time';
+import {DrawerParamList} from './App';
 
 export default function EditPlan() {
   const {params} = useRoute<RouteProp<PlanPageParams, 'EditPlan'>>();
@@ -20,7 +22,7 @@ export default function EditPlan() {
   );
   const [names, setNames] = useState<string[]>([]);
   const db = useContext(DatabaseContext);
-  const navigation = useNavigation();
+  const navigation = useNavigation<NavigationProp<DrawerParamList>>();
 
   useFocusEffect(
     useCallback(() => {
@@ -102,10 +104,9 @@ export default function EditPlan() {
         ))}
         <Text style={[styles.title, {marginTop: 10}]}>Workouts</Text>
         {names.length === 0 && (
-          <Text style={{maxWidth: '80%'}}>
+          <View>
-            No sets found. Try going to the home page and adding some workouts
+            <Text>No workouts found.</Text>
-            first.
+          </View>
-          </Text>
         )}
         {names.map(name => (
           <View key={name} style={[styles.row, {alignItems: 'center'}]}>
@@ -119,13 +120,27 @@ export default function EditPlan() {
           </View>
         ))}
       </ScrollView>
-      <Button
+      {names.length === 0 ? (
-        style={{marginTop: 10}}
+        <Button
-        mode="contained"
+          mode="contained"
-        icon="save"
+          onPress={() => {
-        onPress={save}>
+            navigation.goBack();
-        Save
+            navigation.navigate('Workouts', {
-      </Button>
+              screen: 'EditWorkout',
+              params: {value: {name: ''}},
+            });
+          }}>
+          Add workout
+        </Button>
+      ) : (
+        <Button
+          style={{marginTop: 10}}
+          mode="contained"
+          icon="save"
+          onPress={save}>
+          Save
+        </Button>
+      )}
     </View>
   );
 }

Routes.tsx

@@ -33,7 +33,6 @@ export default function Routes({db}: {db: SQLiteDatabase | null}) {
       <Drawer.Navigator
         screenOptions={{
           headerTintColor: dark ? 'white' : 'black',
-          drawerType: 'slide',
           swipeEdgeWidth: 1000,
         }}>
         {routes.map(route => (