Revize 8ff3394e

re #10819 ItemView next, previous item list switching

src/components/item/ItemView.tsx

@@ -12 +12 @@
 import { getItemNotes } from "../../stores/actions/itemThunks"
 
 import { Dimensions } from "react-native";
+import { DrawerNavigationProp } from "@react-navigation/drawer"
+import { RootDrawerParamList } from "../../pages/Navigation"
 
 interface ItemDetailProps {
     item: Item,
     itemLoading: boolean,
     notes: Note[],
     notesLoading: boolean,
-    navigation: any
+    navigation: DrawerNavigationProp<RootDrawerParamList, "Item", undefined>
 }
 
 const ItemDetail = (props: { item: Item, itemLoading: boolean }) => {
@@ -26 +28 @@
 
     const [selectedImage, setSelectedImage] = useState<number>(0);
 
-    console.log("rerender")
-
     return (<>
         {
             item && props.itemLoading ?
@@ -137 +137 @@
 
 
 
-const ItemNotes = (props: { item: Item, notes: Note[], notesLoading: boolean, navigation: any }) => {
+const ItemNotes = (props: { item: Item, notes: Note[], notesLoading: boolean, navigation: DrawerNavigationProp<RootDrawerParamList, "Item", undefined> }) => {
 
     const [showRelatedComments, setShowRelatedComments] = useState(true);
 
@@ -152 +152 @@
             dispatch(getItemNotes({ item: props.item, relatedComments: showRelatedComments }));
         }
     }, [triggerRefresh])
-
-    const toggleRelatedComments = () => {
+    
+    const toggleRelatedComments = useCallback(() => {
         if (!props.notesLoading) {
 
             let value = !showRelatedComments;
@@ -161 +161 @@
             setShowRelatedComments(value);
             dispatch(getItemNotes({ item: props.item, relatedComments: value }));
         }
-    }
+      }, [showRelatedComments]);
+
 
     const handleCreateItemComment = useCallback(
         (newComment: string, replyingTo: { messageId: string; userName: string } | null) => {