Revize f386a4fe

re #10818 Toast: implementation to pages

src/pages/HomePage.tsx

@@ -1 @@
-import { Center, Image, Pressable, ScrollView, Text } from "native-base"
+import { Center, Image, Pressable, ScrollView, Text, useToast } from "native-base"
 import { useDispatch, useSelector } from "react-redux"
 import { AppDispatch, RootState } from "../stores/store"
 import { useContext, useEffect, useState } from "react"
@@ -9 +9 @@
 import { RootDrawerParamList } from "./Navigation"
 import { log } from "../logging/logger"
 import { HOME_PAGE_IMG_URL } from "../api/constants"
+import { ErrorToast } from "../components/toast/ErrorToast"
 // import { Image } from "react-native"
 
 const HomePage = ({navigation}: DrawerScreenProps<RootDrawerParamList, 'Home'>) => {
     const data = useSelector((state: RootState) => state.homePage.data)
     const loading = useSelector((state: RootState) => state.homePage.loading)
-    const lastError = useSelector((state: RootState) => state.homePage.lastError)
-
+    const lastError = useSelector((state: RootState) => state.itemViewState.lastError)
+    const toast = useToast();
+  
     useEffect(() => {
         if (lastError) {
-
+            toast.closeAll()
+            toast.show({
+                render: ({
+                    id
+                }) => {
+                    return <ErrorToast headerText={"Error"} text={lastError} onClose={() => toast.close(id)} />;
+                },
+                duration: 3000
+            });
         }
-
     }, [lastError])
 
     const [aspectRatio, setAspectRatio] = useState(1.0)