Streamline selection of image for workout
This commit is contained in:
parent
052d000e12
commit
2027b0f66a
|
@ -5,10 +5,10 @@ import {
|
|||
useRoute,
|
||||
} from '@react-navigation/native';
|
||||
import React, {useCallback, useState} from 'react';
|
||||
import {Image, ScrollView, View} from 'react-native';
|
||||
import {Pressable, ScrollView} from 'react-native';
|
||||
import DocumentPicker from 'react-native-document-picker';
|
||||
import {Button, IconButton} from 'react-native-paper';
|
||||
import {PADDING} from './constants';
|
||||
import {Button, Card, IconButton} from 'react-native-paper';
|
||||
import {MARGIN, PADDING} from './constants';
|
||||
import MassiveInput from './MassiveInput';
|
||||
import {updateWorkouts} from './plan.service';
|
||||
import Set from './set';
|
||||
|
@ -30,6 +30,7 @@ export default function EditWorkout() {
|
|||
headerRight: null,
|
||||
title: params.value.name ? params.value.name : 'New workout',
|
||||
});
|
||||
if (params.value.name)
|
||||
getSets({search: params.value.name, limit: 1, offset: 0}).then(sets =>
|
||||
setUri(sets[0]?.image),
|
||||
);
|
||||
|
@ -70,23 +71,22 @@ export default function EditWorkout() {
|
|||
|
||||
return (
|
||||
<ScrollView style={{padding: PADDING}}>
|
||||
{params.value.name ? (
|
||||
<>
|
||||
<MassiveInput
|
||||
placeholder={params.value.name}
|
||||
label="New name"
|
||||
label={params.value.name}
|
||||
value={name}
|
||||
onChangeText={setName}
|
||||
/>
|
||||
<View style={{flexDirection: 'row', paddingBottom: PADDING}}>
|
||||
{uri && <Image source={{uri}} style={{height: 75, width: 75}} />}
|
||||
<Button onPress={changeImage} icon="image">
|
||||
{uri ? (
|
||||
<Pressable style={{marginBottom: MARGIN}} onPress={changeImage}>
|
||||
<Card.Cover source={{uri}} />
|
||||
</Pressable>
|
||||
) : (
|
||||
<Button
|
||||
style={{marginBottom: MARGIN}}
|
||||
onPress={changeImage}
|
||||
icon="image">
|
||||
Image
|
||||
</Button>
|
||||
</View>
|
||||
</>
|
||||
) : (
|
||||
<MassiveInput label="Name" value={name} onChangeText={setName} />
|
||||
)}
|
||||
<Button
|
||||
disabled={!name && !!params.value.name && !uri}
|
||||
|
|
Loading…
Reference in New Issue
Block a user