Revize 04928342

mergování a úprava kompatibility. proklik na detail itemu
re #10489

src/components/listView/ItemPreview.tsx

@@ -1 @@
-import { Center, HStack, Image, Text, VStack } from "native-base"
+import { Center, HStack, Image, Pressable, Text, VStack } from "native-base"
 import { useEffect } from "react"
+import { DrawerScreenProps } from "@react-navigation/drawer"
+import { RootDrawerParamList } from "../Navigation"
 
 interface ItemPreviewProps {
     caption: string
     title: string
     name?: string
     image?: string
+    itemId: string
+    navigation: any
 }
 
 const ItemPreview = (props: ItemPreviewProps) => {
@@ -16 +20 @@
 
     return (
         <>
-            <HStack
-                space={ 2 }
-                flex={ 1 }
-                alignItems={ "start" }
+            <Pressable
+                onPress={() => props.navigation.navigate("Item", {itemId: props.itemId})}
+                key={props.itemId}
             >
-                <Image
-                    source={ {uri: `http:/147.228.173.159/static/images/${ props.image ? "thumb-" + props.image : "thumb-Rel-78.png" }`} }
-                    size={ "sm" }
-                    alt={ props.image ? props.image : "thumb-Rel-78.png" }
-                />
-                <VStack h={70}>
-                    <Text fontSize={"sm"} italic>{ props.name }</Text>
-                    <Text fontSize={"sm"} bold>{ props.caption }</Text>
-                    <Text fontSize={"xs"}>{ props.title }</Text>
-                </VStack>
-            </HStack>
+                <HStack
+                    space={ 2 }
+                    flex={ 1 }
+                    alignItems={ "start" }
+                >
+                    <Image
+                        source={ {uri: `http:/147.228.173.159/static/images/${ props.image ? "thumb-" + props.image : "thumb-Rel-78.png" }`} }
+                        size={ "sm" }
+                        alt={ props.image ? props.image : "thumb-Rel-78.png" }
+                    />
+                    <VStack h={70}>
+                        <Text fontSize={"sm"} italic>{ props.name }</Text>
+                        <Text fontSize={"sm"} bold>{ props.caption }</Text>
+                        <Text fontSize={"xs"}>{ props.title }</Text>
+                    </VStack>
+                </HStack>
+            </Pressable>
         </>
     )
 }