Revize 96066e3b
Přidáno uživatelem Michal Schwob před téměř 2 roky(ů)
src/components/listView/ItemPreview.tsx | ||
---|---|---|
1 | 1 |
import { Center, HStack, Image, Text, VStack } from "native-base" |
2 |
import { useEffect } from "react" |
|
3 | 2 |
|
4 | 3 |
interface ItemPreviewProps { |
5 | 4 |
caption: string |
... | ... | |
10 | 9 |
|
11 | 10 |
const ItemPreview = (props: ItemPreviewProps) => { |
12 | 11 |
|
13 |
useEffect(() => { |
|
14 |
console.log("ItemPreview", "Props:", props) |
|
15 |
}, [props]) |
|
16 |
|
|
17 | 12 |
return ( |
18 | 13 |
<> |
14 |
|
|
19 | 15 |
<HStack |
20 | 16 |
space={ 2 } |
21 | 17 |
flex={ 1 } |
22 | 18 |
alignItems={ "start" } |
23 | 19 |
> |
24 | 20 |
<Image |
25 |
source={ {uri: `http:/147.228.173.159/static/images/${ props.image ? "thumb-" + props.image : "thumb-Rel-78.png" }`} }
|
|
21 |
source={ {uri: `http:/147.228.173.159/static/images/${ props.image ? props.image : "thumb-Rel-78.png" }`} } |
|
26 | 22 |
size={ "sm" } |
27 | 23 |
alt={ props.image ? props.image : "thumb-Rel-78.png" } |
28 | 24 |
/> |
29 |
<VStack h={70}>
|
|
30 |
<Text fontSize={"sm"} italic>{ props.name }</Text>
|
|
31 |
<Text fontSize={"sm"} bold>{ props.caption }</Text>
|
|
32 |
<Text fontSize={"xs"}>{ props.title }</Text>
|
|
25 |
<VStack> |
|
26 |
<Text>{ props.name }</Text> |
|
27 |
<Text>{ props.caption }</Text> |
|
28 |
<Text>{ props.title }</Text> |
|
33 | 29 |
</VStack> |
34 | 30 |
</HStack> |
35 | 31 |
</> |
Také k dispozici: Unified diff
Revert "Merge branch 'searchpage' into 'main'"
This reverts merge request !5