elseware-ui 2.31.4 → 2.31.5

package/dist/index.js

@@ -18041,28 +18041,48 @@ function CommentThread({
     setComments((prev) => insertReply(prev, parentComment.id, reply));
   }
   async function handleLike(comment) {
-    const result = await dataSource.toggleLike(comment.id);
+    const optimistic = {
+      liked: !comment.liked,
+      disliked: false,
+      likes: comment.liked ? comment.likes - 1 : comment.likes + 1,
+      dislikes: comment.disliked ? Math.max(comment.dislikes - 1, 0) : comment.dislikes
+    };
     setComments(
       (prev) => updateComment(prev, comment.id, (item) => ({
         ...item,
-        likes: result.likes,
-        dislikes: result.dislikes,
-        liked: result.liked,
-        disliked: result.disliked
+        likes: optimistic.likes,
+        dislikes: optimistic.dislikes,
+        liked: optimistic.liked,
+        disliked: optimistic.disliked
       }))
     );
+    try {
+      await dataSource.toggleLike(comment.id);
+    } catch {
+      setComments((prev) => updateComment(prev, comment.id, () => comment));
+    }
   }
   async function handleDislike(comment) {
-    const result = await dataSource.toggleDislike(comment.id);
+    const optimistic = {
+      liked: false,
+      disliked: !comment.disliked,
+      likes: comment.liked ? Math.max(comment.likes - 1, 0) : comment.likes,
+      dislikes: comment.disliked ? comment.dislikes - 1 : comment.dislikes + 1
+    };
     setComments(
       (prev) => updateComment(prev, comment.id, (item) => ({
         ...item,
-        likes: result.likes,
-        dislikes: result.dislikes,
-        liked: result.liked,
-        disliked: result.disliked
+        likes: optimistic.likes,
+        dislikes: optimistic.dislikes,
+        liked: optimistic.liked,
+        disliked: optimistic.disliked
       }))
     );
+    try {
+      await dataSource.toggleDislike(comment.id);
+    } catch {
+      setComments((prev) => updateComment(prev, comment.id, () => comment));
+    }
   }
   if (loading || isLoadingComments) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6", children: "Loading comments..." });