Revize c2c8470e

re #10844 PlanView init reducer, page

src/pages/Navigation.tsx

@@ -12 +12 @@
 import Logout from "./Logout"
 import ItemViewPage from "./ItemViewPage"
 import NotesViewPage from "./NotesViewPage"
+import PlanViewPage from "./PlanViewPage"
 
 export type RootDrawerParamList = {
     Home: undefined,
     Search: { inventoryId: string | null },
     Logout: undefined,
     Item: { itemId: string },
+    Plan: {  },
     Login: undefined,
     Notes: undefined,
 }
@@ -78 +80 @@
                             component={ItemViewPage}
                             options={{ drawerItemStyle: { display: "none" } }}
                         />
+                        <Drawer.Screen
+                            name={"Plan"}
+                            component={PlanViewPage}
+                        />
                     </>
                 ) : (
                     <Drawer.Screen

src/pages/PlanViewPage.tsx

@@ +1 @@
+import React, { useCallback, useEffect } from "react"
+import { useDispatch, useSelector } from "react-redux"
+import { AppDispatch, RootState } from "../stores/store"
+import { getItem, getItemNotes, setConcordances } from "../stores/actions/itemThunks"
+import { login } from "../stores/actions/userThunks"
+import { TabView } from "react-native-tab-view"
+import ItemView from "../components/item/ItemView"
+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 "./Navigation"
+import { Box, useToast } from "native-base"
+import { ErrorToast } from "../components/toast/ErrorToast"
+import Typography from "native-base/lib/typescript/theme/base/typography"
+
+
+const PlanViewPage = ({ route, navigation }: DrawerScreenProps<RootDrawerParamList, 'Plan'>) => {
+
+  const layout = useWindowDimensions();
+
+  const [routes, setRoutes] = React.useState<{ key: string, title: string }[]>([
+    // initial tab
+    { key: 'loading', title: 'Loading item...' },
+  ]);
+
+  // // TODO vyřešit, aby nebyly freezy při přepínání
+  // const [renderSceneDict, setRenderSceneDict] = React.useState({});
+
+
+  const dispatch = useDispatch<AppDispatch>();
+
+  const { planLoading, lastError } = useSelector((state: RootState) => state.planViewState)
+
+  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])
+
+  // // initial: load selected plan
+  // useEffect(() => {
+  //   dispatch(getItem(route.params.itemId));
+  //   log.debug("PlanViewPage", "useEffect", "getPlan", route.params.itemId);
+  // }, [route.params.itemId])
+
+
+  const onBackPressed = () => {
+    log.debug("back pressed")
+    navigation.goBack();
+  }
+
+  return (
+    <Box></Box>
+  );
+}
+
+export default PlanViewPage;

src/stores/reducers/planSlice.ts

@@ +1 @@
+import { PayloadAction, createSlice } from "@reduxjs/toolkit"
+import { PlanViewState } from "../../types/plan";
+
+const initialState: PlanViewState = {
+    lastError: "",
+    planLoading: true,
+}
+
+export const planSlice = createSlice({
+    name: "plan",
+    initialState: initialState,
+    reducers: {},
+    extraReducers: (builder) => {
+    }
+})
+
+export default planSlice.reducer

src/stores/store.ts

@@ -5 +5 @@
 import listViewReducer from "./reducers/listViewSlice"
 import homePageReducer from "./reducers/homePageSlice"
 import noteViewReducer from "./reducers/notesSlice"
+import planViewReducer from "./reducers/planSlice"
 
 const store = configureStore({
     reducer: {
         user: userReducer,
         itemViewState: itemReducer,
+        planViewState: planViewReducer,
         noteViewState: noteViewReducer,
         searchForm: searchFormReducer,
         listView: listViewReducer,

src/types/plan.ts

@@ +1 @@
+
+
+export type PlanViewState = {
+    planLoading: boolean
+    lastError?: string
+}