Hide rest minutes and seconds from edit set screen
Feels like there are too many fields on this screen so we can just leave the defaults for people who don't care about this feature.
This commit is contained in:
parent
85dd2b6d17
commit
719560b664
33
SetForm.tsx
33
SetForm.tsx
|
@ -1,7 +1,6 @@
|
||||||
import React, {useEffect, useRef, useState} from 'react';
|
import React, {useEffect, useRef, useState} from 'react';
|
||||||
import {ScrollView, View} from 'react-native';
|
import {ScrollView} from 'react-native';
|
||||||
import {Button} from 'react-native-paper';
|
import {Button} from 'react-native-paper';
|
||||||
import {MARGIN} from './constants';
|
|
||||||
import MassiveInput from './MassiveInput';
|
import MassiveInput from './MassiveInput';
|
||||||
import Set from './set';
|
import Set from './set';
|
||||||
import {getSets} from './set.service';
|
import {getSets} from './set.service';
|
||||||
|
@ -20,8 +19,6 @@ export default function SetForm({
|
||||||
const [weight, setWeight] = useState(set.weight.toString());
|
const [weight, setWeight] = useState(set.weight.toString());
|
||||||
const [unit, setUnit] = useState(set.unit);
|
const [unit, setUnit] = useState(set.unit);
|
||||||
const [uri, setUri] = useState(set.image);
|
const [uri, setUri] = useState(set.image);
|
||||||
const [minutes, setMinutes] = useState(set.minutes?.toString());
|
|
||||||
const [seconds, setSeconds] = useState(set.seconds?.toString());
|
|
||||||
const [selection, setSelection] = useState({
|
const [selection, setSelection] = useState({
|
||||||
start: 0,
|
start: 0,
|
||||||
end: set.reps.toString().length,
|
end: set.reps.toString().length,
|
||||||
|
@ -29,8 +26,6 @@ export default function SetForm({
|
||||||
const weightRef = useRef<any>(null);
|
const weightRef = useRef<any>(null);
|
||||||
const repsRef = useRef<any>(null);
|
const repsRef = useRef<any>(null);
|
||||||
const unitRef = useRef<any>(null);
|
const unitRef = useRef<any>(null);
|
||||||
const minutesRef = useRef<any>(null);
|
|
||||||
const secondsRef = useRef<any>(null);
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
console.log('SetForm.useEffect:', {uri, name: set.name});
|
console.log('SetForm.useEffect:', {uri, name: set.name});
|
||||||
|
@ -49,8 +44,8 @@ export default function SetForm({
|
||||||
id: set.id,
|
id: set.id,
|
||||||
unit,
|
unit,
|
||||||
image: uri,
|
image: uri,
|
||||||
minutes: Number(minutes ?? 3),
|
minutes: Number(set.minutes ?? 3),
|
||||||
seconds: Number(seconds ?? 30),
|
seconds: Number(set.seconds ?? 30),
|
||||||
sets: set.sets ?? 3,
|
sets: set.sets ?? 3,
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
@ -91,35 +86,15 @@ export default function SetForm({
|
||||||
label="Unit"
|
label="Unit"
|
||||||
value={unit}
|
value={unit}
|
||||||
onChangeText={setUnit}
|
onChangeText={setUnit}
|
||||||
onSubmitEditing={() => minutesRef.current?.focus()}
|
|
||||||
innerRef={unitRef}
|
innerRef={unitRef}
|
||||||
/>
|
/>
|
||||||
{workouts && (
|
{workouts && (
|
||||||
<MassiveInput
|
<MassiveInput
|
||||||
label="Todays workout"
|
label="Todays workout"
|
||||||
value={workouts?.join(', ')}
|
value={workouts?.join(', ')}
|
||||||
editable={false}
|
disabled
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
{!set.id && (
|
|
||||||
<View style={{flexDirection: 'row', flexWrap: 'wrap'}}>
|
|
||||||
<MassiveInput
|
|
||||||
style={{width: '48%'}}
|
|
||||||
label="Rest minutes"
|
|
||||||
value={minutes}
|
|
||||||
onChangeText={setMinutes}
|
|
||||||
innerRef={minutesRef}
|
|
||||||
onSubmitEditing={() => secondsRef.current?.focus()}
|
|
||||||
/>
|
|
||||||
<MassiveInput
|
|
||||||
style={{width: '48%', marginLeft: MARGIN}}
|
|
||||||
label="Rest seconds"
|
|
||||||
value={seconds}
|
|
||||||
onChangeText={setSeconds}
|
|
||||||
innerRef={secondsRef}
|
|
||||||
/>
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
<Button
|
<Button
|
||||||
disabled={!name}
|
disabled={!name}
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 117 KiB |
Loading…
Reference in New Issue
Block a user