Bottom align save button on set form
This commit is contained in:
parent
780500ac75
commit
228383ed23
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user