Revize 7c4cd2cd

re #10454: ItemView: getting all required fields from api

src/pages/ItemViewPage.tsx

@@ -1 +1 @@
 import { Center, Box, Heading, VStack, FormControl, Link, Input, Button, HStack, Text, StatusBar, Container, Divider, Spacer } from "native-base"
-import React, { useState } from "react"
+import React, { useState, useEffect } from "react"
 import { useDispatch, useSelector } from "react-redux"
 import { AppDispatch } from "../stores/store"
 import { getPreviousConcordance, getNextConcordance, getItem } from "../stores/actions/itemThunks"
-import { Item, ItemState } from "../stores/reducers/itemSlice"
+import { Item, ItemState } from "../types/item"
+import { login } from "../stores/actions/userThunks"
 
 interface ItemViewProps {
   itemId: string
@@ -13 +14 @@
 
   const dispatch = useDispatch<AppDispatch>();
 
-  const itemState = useSelector((state: ItemState) => state)
-
-  useEffect(() => {
-    dispatch(getItem(props.itemId));
-  }, []);
+  const itemViewState = useSelector((itemState: ItemState) => itemState)
 
   const handleGetPreviousConcordance = async () => {
-    await dispatch(getPreviousConcordance());
+    dispatch(getPreviousConcordance());
   };
 
   const handleGetNextConcordance = async () => {
-    await dispatch(getNextConcordance());
+    dispatch(getNextConcordance());
   };
 
+  useEffect(() => { 
+    dispatch(login({ username: "Viktorie", password: "Golem123." }));
+    dispatch(getItem(props.itemId));
+  }, []);
 
+  console.log(itemViewState.item);
 
   return (
     <VStack>
@@ -38 +40 @@
           color="coolGray.800"
           _dark={{ color: "warmGrey.50" }}
         >
-          {item.authorName}
+          {itemViewState.item.authorName}
         </Heading>
 
         <Text fontSize="xl" mt="2">
-          {item.caption}
+          {itemViewState.item.workName}
         </Text>
 
         <HStack>
@@ -57 +59 @@
   );
 }
 
-export default ItemViewPage
-
-function useEffect(arg0: () => void, arg1: (string | (import("redux-thunk").ThunkDispatch<{ user: import("../stores/reducers/userSlice").UserState; item: import("../stores/reducers/itemSlice").ItemState }, undefined, import("redux").AnyAction> & import("redux").Dispatch<...>))[]) {
-  throw new Error("Function not implemented.")
-}
+export default ItemViewPage;