diff --git a/WorkoutItem.tsx b/WorkoutItem.tsx index 82a03bf..7848892 100644 --- a/WorkoutItem.tsx +++ b/WorkoutItem.tsx @@ -1,9 +1,9 @@ import {NavigationProp, useNavigation} from '@react-navigation/native'; -import React, {useCallback, useEffect, useState} from 'react'; +import React, {useCallback, useState} from 'react'; import {GestureResponderEvent, Image} from 'react-native'; import {List, Menu, Text} from 'react-native-paper'; import ConfirmDialog from './ConfirmDialog'; -import {deleteSetsBy, getSets} from './set.service'; +import {deleteSetsBy} from './set.service'; import Workout from './workout'; import {WorkoutsPageParams} from './WorkoutsPage'; @@ -17,15 +17,8 @@ export default function WorkoutItem({ const [showMenu, setShowMenu] = useState(false); const [anchor, setAnchor] = useState({x: 0, y: 0}); const [showRemove, setShowRemove] = useState(''); - const [uri, setUri] = useState(); const navigation = useNavigation>(); - useEffect(() => { - getSets({search: item.name, limit: 1, offset: 0}).then(sets => - setUri(sets[0]?.image), - ); - }, [item.name]); - const remove = useCallback(async () => { await deleteSetsBy(item.name); setShowMenu(false); @@ -48,7 +41,12 @@ export default function WorkoutItem({ onLongPress={longPress} right={() => ( <> - {uri && } + {item.image && ( + + )} => { const select = ` - SELECT DISTINCT sets.name + SELECT DISTINCT sets.name, sets.image FROM sets WHERE sets.name LIKE ? ORDER BY sets.name diff --git a/workout.ts b/workout.ts index bdf5f2f..a79b64a 100644 --- a/workout.ts +++ b/workout.ts @@ -1,4 +1,5 @@ export default interface Workout { name: string; sets: number; + image: string; }