Add workouts from plan page if none exist
This commit is contained in:
parent
891d01159f
commit
9b8fb95559
25
EditPlan.tsx
25
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%'}}>
|
||||
No sets found. Try going to the home page and adding some workouts
|
||||
first.
|
||||
</Text>
|
||||
<View>
|
||||
<Text>No workouts found.</Text>
|
||||
</View>
|
||||
)}
|
||||
{names.map(name => (
|
||||
<View key={name} style={[styles.row, {alignItems: 'center'}]}>
|
||||
|
@ -119,6 +120,19 @@ export default function EditPlan() {
|
|||
</View>
|
||||
))}
|
||||
</ScrollView>
|
||||
{names.length === 0 ? (
|
||||
<Button
|
||||
mode="contained"
|
||||
onPress={() => {
|
||||
navigation.goBack();
|
||||
navigation.navigate('Workouts', {
|
||||
screen: 'EditWorkout',
|
||||
params: {value: {name: ''}},
|
||||
});
|
||||
}}>
|
||||
Add workout
|
||||
</Button>
|
||||
) : (
|
||||
<Button
|
||||
style={{marginTop: 10}}
|
||||
mode="contained"
|
||||
|
@ -126,6 +140,7 @@ export default function EditPlan() {
|
|||
onPress={save}>
|
||||
Save
|
||||
</Button>
|
||||
)}
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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 => (
|
||||
|
|
Loading…
Reference in New Issue
Block a user