Make add/subtract buttons float right in EditSets
This commit is contained in:
parent
9cc0eae66a
commit
c3a8034dd4
30
EditSets.tsx
30
EditSets.tsx
|
@ -13,13 +13,13 @@ import { In } from "typeorm";
|
||||||
import AppInput from "./AppInput";
|
import AppInput from "./AppInput";
|
||||||
import { StackParams } from "./AppStack";
|
import { StackParams } from "./AppStack";
|
||||||
import ConfirmDialog from "./ConfirmDialog";
|
import ConfirmDialog from "./ConfirmDialog";
|
||||||
|
import Select from "./Select";
|
||||||
|
import StackHeader from "./StackHeader";
|
||||||
import { MARGIN, PADDING } from "./constants";
|
import { MARGIN, PADDING } from "./constants";
|
||||||
import { setRepo, settingsRepo } from "./db";
|
import { setRepo, settingsRepo } from "./db";
|
||||||
import { DrawerParams } from "./drawer-param-list";
|
import { DrawerParams } from "./drawer-param-list";
|
||||||
import GymSet from "./gym-set";
|
import GymSet from "./gym-set";
|
||||||
import Settings from "./settings";
|
import Settings from "./settings";
|
||||||
import StackHeader from "./StackHeader";
|
|
||||||
import Select from "./Select";
|
|
||||||
|
|
||||||
export default function EditSets() {
|
export default function EditSets() {
|
||||||
const { params } = useRoute<RouteProp<StackParams, "EditSets">>();
|
const { params } = useRoute<RouteProp<StackParams, "EditSets">>();
|
||||||
|
@ -92,16 +92,8 @@ export default function EditSets() {
|
||||||
autoFocus={!name}
|
autoFocus={!name}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<View
|
<View>
|
||||||
style={{
|
|
||||||
flexDirection: "row",
|
|
||||||
marginBottom: MARGIN,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<AppInput
|
<AppInput
|
||||||
style={{
|
|
||||||
flex: 1,
|
|
||||||
}}
|
|
||||||
label={`Reps: ${oldReps}`}
|
label={`Reps: ${oldReps}`}
|
||||||
keyboardType="numeric"
|
keyboardType="numeric"
|
||||||
value={reps}
|
value={reps}
|
||||||
|
@ -110,6 +102,9 @@ export default function EditSets() {
|
||||||
onSelectionChange={(e) => setSelection(e.nativeEvent.selection)}
|
onSelectionChange={(e) => setSelection(e.nativeEvent.selection)}
|
||||||
autoFocus={!!name}
|
autoFocus={!!name}
|
||||||
/>
|
/>
|
||||||
|
<View
|
||||||
|
style={{ position: "absolute", right: 0, flexDirection: "row" }}
|
||||||
|
>
|
||||||
<IconButton
|
<IconButton
|
||||||
icon="plus"
|
icon="plus"
|
||||||
onPress={() => setReps((Number(reps) + 1).toString())}
|
onPress={() => setReps((Number(reps) + 1).toString())}
|
||||||
|
@ -119,21 +114,19 @@ export default function EditSets() {
|
||||||
onPress={() => setReps((Number(reps) - 1).toString())}
|
onPress={() => setReps((Number(reps) - 1).toString())}
|
||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
<View
|
<View>
|
||||||
style={{
|
|
||||||
flexDirection: "row",
|
|
||||||
marginBottom: MARGIN,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<AppInput
|
<AppInput
|
||||||
style={{ flex: 1 }}
|
|
||||||
label={`Weights: ${weights}`}
|
label={`Weights: ${weights}`}
|
||||||
keyboardType="numeric"
|
keyboardType="numeric"
|
||||||
value={weight}
|
value={weight}
|
||||||
onChangeText={setWeight}
|
onChangeText={setWeight}
|
||||||
onSubmitEditing={save}
|
onSubmitEditing={save}
|
||||||
/>
|
/>
|
||||||
|
<View
|
||||||
|
style={{ position: "absolute", right: 0, flexDirection: "row" }}
|
||||||
|
>
|
||||||
<IconButton
|
<IconButton
|
||||||
icon="plus"
|
icon="plus"
|
||||||
onPress={() => setWeight((Number(weight) + 2.5).toString())}
|
onPress={() => setWeight((Number(weight) + 2.5).toString())}
|
||||||
|
@ -143,6 +136,7 @@ export default function EditSets() {
|
||||||
onPress={() => setWeight((Number(weight) - 2.5).toString())}
|
onPress={() => setWeight((Number(weight) - 2.5).toString())}
|
||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
{settings.showUnit && (
|
{settings.showUnit && (
|
||||||
<Select
|
<Select
|
||||||
|
|
Loading…
Reference in New Issue
Block a user