Focus name field when it's empty
This commit is contained in:
parent
05171434e4
commit
1ce9a49224
13
SetForm.tsx
13
SetForm.tsx
|
@ -19,7 +19,9 @@ export default function SetForm({
|
|||
end: set.reps.toString().length,
|
||||
});
|
||||
const weightRef = useRef<any>(null);
|
||||
const repsRef = useRef<any>(null);
|
||||
const handleSubmit = () => {
|
||||
if (!name) return;
|
||||
save({
|
||||
name,
|
||||
reps: Number(reps),
|
||||
|
@ -40,6 +42,8 @@ export default function SetForm({
|
|||
onChangeText={setName}
|
||||
autoCorrect={false}
|
||||
selectTextOnFocus
|
||||
autoFocus={!name}
|
||||
onSubmitEditing={() => repsRef.current?.focus()}
|
||||
/>
|
||||
<TextInput
|
||||
style={styles.marginBottom}
|
||||
|
@ -50,9 +54,10 @@ export default function SetForm({
|
|||
onSubmitEditing={() => weightRef.current?.focus()}
|
||||
selection={selection}
|
||||
onSelectionChange={e => setSelection(e.nativeEvent.selection)}
|
||||
autoFocus
|
||||
autoFocus={!!name}
|
||||
selectTextOnFocus
|
||||
blurOnSubmit={false}
|
||||
ref={repsRef}
|
||||
/>
|
||||
<TextInput
|
||||
style={styles.marginBottom}
|
||||
|
@ -74,7 +79,11 @@ export default function SetForm({
|
|||
/>
|
||||
<Text>{set.created?.replace('T', ' ')}</Text>
|
||||
</ScrollView>
|
||||
<Button mode="contained" icon="save" onPress={handleSubmit}>
|
||||
<Button
|
||||
disabled={!name}
|
||||
mode="contained"
|
||||
icon="save"
|
||||
onPress={handleSubmit}>
|
||||
Save
|
||||
</Button>
|
||||
</>
|
||||
|
|
Loading…
Reference in New Issue
Block a user