fix viewing of update images

src/components/Chat/ChatGroup.tsx

@@ -843,7 +843,9 @@ export const ChatGroup = ({
                 };
               })
             : chatReference
-              ? onEditMessage?.images || []
+              ? isDeleteImage
+                ? []
+                : onEditMessage?.images || []
               : [];
 
         const otherData = {

src/components/Chat/TipTap.tsx

@@ -121,7 +121,7 @@ const MenuBar = React.memo(
           editor.view.dom.removeEventListener('paste', handlePaste);
         };
       }
-    }, [editor]);
+    }, [editor, isChat]);
 
     return (
       <div className="control-group">
@@ -374,35 +374,38 @@ export default ({
     isDisabledEditorEnterAtom
   );
 
-  const handleImageUpload = async (file) => {
+  const handleImageUpload = useCallback(
-    try {
+    async (file) => {
-      if (!file.type.includes('image')) return;
+      try {
-      let compressedFile = file;
+        if (!file.type.includes('image')) return;
-      if (file.type !== 'image/gif') {
+        let compressedFile = file;
-        await new Promise<void>((resolve) => {
+        if (file.type !== 'image/gif') {
-          new Compressor(file, {
+          await new Promise<void>((resolve) => {
-            quality: 0.6,
+            new Compressor(file, {
-            maxWidth: 1200,
+              quality: 0.6,
-            mimeType: 'image/webp',
+              maxWidth: 1200,
-            success(result) {
+              mimeType: 'image/webp',
-              compressedFile = result;
+              success(result) {
-              resolve();
+                compressedFile = result;
-            },
+                resolve();
-            error(err) {
+              },
-              console.error('Image compression error:', err);
+              error(err) {
-            },
+                console.error('Image compression error:', err);
+              },
+            });
           });
-        });
+        }
-      }
 
-      if (compressedFile) {
+        if (compressedFile) {
-        const toBase64 = await fileToBase64(compressedFile);
+          const toBase64 = await fileToBase64(compressedFile);
-        insertImage(toBase64);
+          insertImage(toBase64);
+        }
+      } catch (error) {
+        console.error(error);
       }
-    } catch (error) {
+    },
-      console.error(error);
+    [insertImage]
-    }
+  );
-  };
 
   const extensionsFiltered = isChat
     ? extensions.filter((item) => item?.name !== 'image')