space/luggage-list
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 20 Wiki Activity

feat(#13): open item images in full-screen preview modal
All checks were successful
Luggage List Build / build-web (push) Successful in 29s
Details
Luggage List Build / build-android (push) Successful in 5m42s
Details
Luggage List Build / release (push) Successful in 11s
Details

Browse Source
This commit is contained in:
Luna
2026-04-18 19:45:53 +02:00
parent 1e0eb7aee9
commit 4018e97476
3 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ItemCard.js
View File

@@ -8,7 +8,7 @@ function statusAccent(status) {
return STATUS_COLORS[status] || '#64748b';
}
export default function ItemCard({ item, onEdit, onDelete, onQuickPack, onQuickUnpack }) {
export default function ItemCard({ item, onEdit, onDelete, onQuickPack, onQuickUnpack, onOpenImage }) {
const isPacked = item.status === 'packed';
const isUnpacked = item.status === 'unpacked';
@@ -18,7 +18,9 @@ export default function ItemCard({ item, onEdit, onDelete, onQuickPack, onQuickU
<View style={styles.itemThumbWrap}>
{item.imageUri ? (
<Image source={{ uri: item.imageUri }} style={styles.itemThumbSmall} />
<Pressable onPress={() => onOpenImage?.(item.imageUri)}>
<Image source={{ uri: item.imageUri }} style={styles.itemThumbSmall} />
</Pressable>
) : (
<View style={styles.itemThumbPlaceholder}>
<Text style={styles.itemThumbPlaceholderText}>🧳</Text>