From e9e7651d653b17e315535751b682f1837a06cc64 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Wed, 20 Jul 2022 15:22:56 +1200
Subject: [PATCH] Auto focus reps and keep keyboard open

---
 EditSet.tsx | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/EditSet.tsx b/EditSet.tsx
index 785e627..4704ac3 100644
--- a/EditSet.tsx
+++ b/EditSet.tsx
@@ -5,7 +5,13 @@ import {
   useNavigation,
   useRoute,
 } from '@react-navigation/native';
-import React, {useCallback, useContext, useEffect, useState} from 'react';
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
 import {NativeModules, ScrollView, StyleSheet, View} from 'react-native';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import {Button, IconButton, TextInput} from 'react-native-paper';
@@ -23,6 +29,7 @@ export default function EditSet() {
   const [created, setCreated] = useState(new Date(params.set.created));
   const [unit, setUnit] = useState(params.set.unit);
   const [showDate, setShowDate] = useState(false);
+  const weightRef = useRef<any>(null);
   const db = useContext(DatabaseContext);
   const navigation = useNavigation();
 
@@ -167,25 +174,29 @@ export default function EditSet() {
       <ScrollView style={{height: '90%'}}>
         <TextInput
           style={styles.marginBottom}
-          label="Name *"
+          label="Name"
           value={name}
           onChangeText={setName}
           autoCorrect={false}
         />
         <TextInput
           style={styles.marginBottom}
-          label="Reps *"
+          label="Reps"
           keyboardType="numeric"
           value={reps}
           onChangeText={setReps}
+          autoFocus
+          blurOnSubmit={false}
+          onSubmitEditing={() => weightRef.current?.focus()}
         />
         <TextInput
           style={styles.marginBottom}
-          label="Weight *"
+          label="Weight"
           keyboardType="numeric"
           value={weight}
           onChangeText={setWeight}
           onSubmitEditing={save}
+          ref={weightRef}
         />
         <TextInput
           style={styles.marginBottom}