diff --git a/WorkoutItem.tsx b/WorkoutItem.tsx index 9f00ed2..97c6335 100644 --- a/WorkoutItem.tsx +++ b/WorkoutItem.tsx @@ -1,6 +1,6 @@ import {NavigationProp, useNavigation} from '@react-navigation/native'; -import React, {useCallback, useContext, useState} from 'react'; -import {GestureResponderEvent, Text} from 'react-native'; +import React, {useCallback, useContext, useEffect, useState} from 'react'; +import {GestureResponderEvent, Image, Text} from 'react-native'; import {List, Menu} from 'react-native-paper'; import {DatabaseContext} from './App'; import ConfirmDialog from './ConfirmDialog'; @@ -17,9 +17,19 @@ 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 db = useContext(DatabaseContext); const navigation = useNavigation>(); + useEffect(() => { + db.executeSql(`SELECT image FROM sets WHERE name = ? LIMIT 1`, [ + item.name, + ]).then(([result]) => { + setUri(result.rows.item(0)?.image); + console.log(WorkoutItem.name, item.name, result.rows.item(0)?.image); + }); + }, [db, item.name]); + const remove = useCallback(async () => { await db.executeSql(`DELETE FROM sets WHERE name = ?`, [item.name]); setShowMenu(false); @@ -41,24 +51,27 @@ export default function WorkoutItem({ title={item.name} onLongPress={longPress} right={() => ( - - setShowMenu(false)}> - { - setShowRemove(item.name); - setShowMenu(false); - }} - title="Delete" - /> - - + <> + {uri && } + + setShowMenu(false)}> + { + setShowRemove(item.name); + setShowMenu(false); + }} + title="Delete" + /> + + + )} />