joseph/Massive
1
0
Fork 0
Code Pull Requests Activity

Bottom align save button on set form

Browse Source
This commit is contained in:
Brandon Presley 2022-10-13 16:32:12 +13:00
parent 780500ac75
commit 228383ed23
2 changed files with 54 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
EditSet.tsx
View File

@ -90,7 +90,7 @@ export default function EditSet() {
); );
return ( return (
<View style={{padding: PADDING}}> <View style={{padding: PADDING, flex: 1}}>
<SetForm save={save} set={set} /> <SetForm save={save} set={set} />
</View> </View>
); );

7
SetForm.tsx
View File

@ -1,5 +1,5 @@
import React, {useCallback, useContext, useRef, useState} from 'react'; import React, {useCallback, useContext, useRef, useState} from 'react';
import {TextInput} from 'react-native'; import {TextInput, View} from 'react-native';
import DocumentPicker from 'react-native-document-picker'; import DocumentPicker from 'react-native-document-picker';
import {Button, Card, TouchableRipple} from 'react-native-paper'; import {Button, Card, TouchableRipple} from 'react-native-paper';
import ConfirmDialog from './ConfirmDialog'; import ConfirmDialog from './ConfirmDialog';
@ -13,11 +13,9 @@ import {useSettings} from './use-settings';
export default function SetForm({ export default function SetForm({
save, save,
set, set,
next,
}: { }: {
set: Set; set: Set;
save: (set: Set) => void; save: (set: Set) => void;
next?: () => void;
}) { }) {
const [name, setName] = useState(set.name); const [name, setName] = useState(set.name);
const [reps, setReps] = useState(set.reps.toString()); const [reps, setReps] = useState(set.reps.toString());
@ -86,6 +84,7 @@ export default function SetForm({
return ( return (
<> <>
<View style={{flex: 1}}>
<MassiveInput <MassiveInput
label="Name" label="Name"
value={name} value={name}
@ -138,7 +137,7 @@ export default function SetForm({
Image Image
</Button> </Button>
)} )}
{next && <Button icon="navigate-next">Next</Button>} </View>
<Button <Button
disabled={!name} disabled={!name}
mode="contained" mode="contained"