Revize 04928342

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

src/pages/ItemViewPage.tsx

@@ -8 +8 @@
 import { useWindowDimensions } from "react-native"
 import LoadingBox from "../components/loading/LoadingBox"
 import ItemTabBar from "../components/item/ItemTabBar"
+import { log } from "../logging/logger"
+import { DrawerScreenProps } from "@react-navigation/drawer"
+import { RootDrawerParamList } from "../components/Navigation"
 
-interface ItemViewProps {
-  itemId: string,
-  backPressed: any
-}
 
-const ItemViewPage = (props: ItemViewProps) => {
+const ItemViewPage = ({route, navigation}: DrawerScreenProps<RootDrawerParamList, 'Item'>) => {
 
   const layout = useWindowDimensions();
 
@@ -34 +33 @@
 
   // initial: load main item
   useEffect(() => {
-    // TODO remove login from here
-    dispatch(login({ username: "Viktorie", password: "Golem123." }));
-    dispatch(getItem(props.itemId));
-  }, []);
+    dispatch(getItem(route.params.itemId))
+    log.debug("ItemViewPage", "useEffect", "getItem", route.params.itemId)
+  }, [])
 
 
   // concordances are loaded
   useEffect(() => {
+    log.debug("ItemViewPage", "useEffect", "concordances", concordances)
+
     if (item && concordances && concordances.length > 0) {
       let concordanceRoutes = [];
 
@@ -63 +63 @@
 
   // item changes
   useEffect(() => {
+    log.debug("ItemViewPage", "useEffect", "item", item)
+
     if (!itemLoading && item && item.id) {
       if (index == 0) {
         dispatch(setConcordances(item.concordances));
@@ -84 +86 @@
     }
   }
 
+  const onBackPressed = () => {
+    log.debug("back pressed")
+    navigation.goBack();
+  }
+
   return (
     !concordances || concordances.length < 1 ?
-      <LoadingBox text={`Loading item ${props.itemId}...`}></LoadingBox>
+      <LoadingBox text={`Loading item ${route.params.itemId}...`}/>
       :
       <TabView
         renderTabBar={() => ItemTabBar({
@@ -96 +103 @@
           concordances: concordances,
           index: index,
           onIndexChange: handleIndexChanged,
-          onBackPressed: props.backPressed,
+          onBackPressed: onBackPressed,
         })}
 
         navigationState={{ index, routes }}