Revize 56626a63

#re 10797 NotesListView set replying optimize

src/components/notes/NotesListView.tsx

@@ -2 +2 @@
 import { Note } from "../../types/note";
 import NoteView from "./NoteView";
 import { MessageIcon } from "../general/Icons";
-import React, { useState } from "react";
+import React, { useCallback, useState } from "react";
 import { updateNote, deleteNote } from "../../stores/actions/notesThunks";
 import { ConfirmDialog } from "../general/Dialogs";
 import { AppDispatch } from "../../stores/store";
@@ -28 +28 @@
         onSubmit?: () => void;
     } | null>(null);
 
-    const handleReply = (messageId: string, userName: string) => {
-        setReplyingTo({ messageId, userName })
-    }
-
-    const handleEdit = (note: Note) => {
-        if (!props.requestPending)
+    const handleReply = useCallback((messageId: string, userName: string) => {
+        setReplyingTo({ messageId, userName });
+    }, [setReplyingTo]);
+    
+    const handleEdit = useCallback((note: Note) => {
+        if (!props.requestPending) {
             dispatch(updateNote(note));
-    }
-
-    const handleDelete = (messageId: string) => {
-        if (!props.requestPending)
-            dispatch(deleteNote({ noteId: messageId }))
-    }
+        }
+    }, [dispatch, props.requestPending]);
+    
+    const handleDelete = useCallback((messageId: string) => {
+        if (!props.requestPending) {
+            dispatch(deleteNote({ noteId: messageId }));
+        }
+    }, [dispatch, props.requestPending]);
 
     return (
         <VStack>