Revize ca53e9f1

Demo of listview implemented
re #10342

src/components/listView/ListView.tsx

@@ -1 +1 @@
 import { useEffect, useState } from "react"
-import { Text } from "native-base"
+import { ScrollView, Text, VStack } from "native-base"
 import { useSelector } from "react-redux"
 import { RootState } from "../../stores/store"
+import ItemPreview from "./ItemPreview"
 
 const ListView = () => {
     const items = useSelector((state: RootState) => state.listView.data)
 
     return (
-        <>
-            <Text>ListView</Text>
-        </>
+        <VStack
+            space={ 2 }
+            flex={ 1 }
+            p={ 4 }
+            alignItems={ "start" }
+        >
+            { items.map((item) => (
+                <ItemPreview
+                    caption={ item.object[0].caption }
+                    title={ item.text }
+                    name={
+                        item.object[0].name ?
+                            item.object[0].name[0].getty_data ?
+                                item.object[0].name[0].getty_data.display_name
+                                :
+                                item.object[0].name[0].value
+                            :
+                            undefined
+                    }
+                    image={ item.object[1] && item.object[1].images && item.object[1].images ? item.object[1].images[0].file : undefined }
+                />
+            )) }
+        </VStack>
     )
 }