elseware-ui 2.31.11 → 2.31.12

package/dist/index.js

@@ -18013,6 +18013,16 @@ function CommentThread({
     }
     loadComments();
   }, [dataSource, resolvedConfig.commentsPerPage]);
+  function updateReplyCacheComment(cache, commentId, updater) {
+    return Object.fromEntries(
+      Object.entries(cache).map(([parentId, replies]) => [
+        parentId,
+        replies.map(
+          (reply) => reply.id === commentId ? updater(reply) : reply
+        )
+      ])
+    );
+  }
   async function handleCreateComment(content) {
     const comment = await dataSource.createComment({
       content,
@@ -18029,13 +18039,18 @@ function CommentThread({
       ...prev,
       [parentComment.id]: [...prev[parentComment.id] ?? [], reply]
     }));
-    setComments(
-      (prev) => prev.map(
-        (comment) => comment.id === parentComment.id ? {
-          ...comment,
-          replyCount: comment.replyCount + 1
-        } : comment
-      )
+    const incrementReplyCount = (items) => items.map(
+      (item) => item.id === parentComment.id ? {
+        ...item,
+        replyCount: item.replyCount + 1
+      } : item
+    );
+    setComments((prev) => incrementReplyCount(prev));
+    setReplyCache(
+      (prev) => updateReplyCacheComment(prev, parentComment.id, (item) => ({
+        ...item,
+        replyCount: item.replyCount + 1
+      }))
     );
   }
   async function handleLoadReplies(comment) {
@@ -18057,19 +18072,22 @@ function CommentThread({
       likes: comment.liked ? Math.max(comment.likes - 1, 0) : comment.likes + 1,
       dislikes: comment.disliked ? Math.max(comment.dislikes - 1, 0) : comment.dislikes
     };
-    setComments(
-      (prev) => updateComment(prev, comment.id, (item) => ({
-        ...item,
-        likes: optimistic.likes,
-        dislikes: optimistic.dislikes,
-        liked: optimistic.liked,
-        disliked: optimistic.disliked
-      }))
-    );
+    const updater = (item) => ({
+      ...item,
+      likes: optimistic.likes,
+      dislikes: optimistic.dislikes,
+      liked: optimistic.liked,
+      disliked: optimistic.disliked
+    });
+    setComments((prev) => updateComment(prev, comment.id, updater));
+    setReplyCache((prev) => updateReplyCacheComment(prev, comment.id, updater));
     try {
       await dataSource.toggleLike(comment.id);
     } catch {
       setComments((prev) => updateComment(prev, comment.id, () => comment));
+      setReplyCache(
+        (prev) => updateReplyCacheComment(prev, comment.id, () => comment)
+      );
     }
   }
   async function handleDislike(comment) {
@@ -18079,19 +18097,22 @@ function CommentThread({
       likes: comment.liked ? Math.max(comment.likes - 1, 0) : comment.likes,
       dislikes: comment.disliked ? Math.max(comment.dislikes - 1, 0) : comment.dislikes + 1
     };
-    setComments(
-      (prev) => updateComment(prev, comment.id, (item) => ({
-        ...item,
-        likes: optimistic.likes,
-        dislikes: optimistic.dislikes,
-        liked: optimistic.liked,
-        disliked: optimistic.disliked
-      }))
-    );
+    const updater = (item) => ({
+      ...item,
+      likes: optimistic.likes,
+      dislikes: optimistic.dislikes,
+      liked: optimistic.liked,
+      disliked: optimistic.disliked
+    });
+    setComments((prev) => updateComment(prev, comment.id, updater));
+    setReplyCache((prev) => updateReplyCacheComment(prev, comment.id, updater));
     try {
       await dataSource.toggleDislike(comment.id);
     } catch {
       setComments((prev) => updateComment(prev, comment.id, () => comment));
+      setReplyCache(
+        (prev) => updateReplyCacheComment(prev, comment.id, () => comment)
+      );
     }
   }
   if (loading || isLoadingComments) {