fix: fix existing comments sometimes jumping around after adding new …

…comment
sunaurus · Apr 13, 2024 · 8e12ef5 · 8e12ef5
1 parent e752c34
commit 8e12ef5
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 17 deletions.
diff --git a/src/app/comment/Comment.tsx b/src/app/comment/Comment.tsx
@@ -43,7 +43,7 @@ export const Comment = (props: {
   const [editedContent, setEditedContent] = useState<string | null>(null);
   const [deleted, setDeleted] = useState(props.commentView.comment.deleted);
   const [addedReplies, setAddedReplies] = useState<CommentNode[]>([]);
-  const [saved, setSaved] = useOptimistic(props.commentView.saved);
+  const [saved, setSaved] = useState(props.commentView.saved);
 
   const markdownProps =
     editedContent !== null ? { content: editedContent } : props.markdown;
@@ -192,7 +192,6 @@ export const Comment = (props: {
               action={async () => {
                 const action = toggleSaveCommentAction.bind(
                   null,
-                  props.commentView.post.id,
                   props.commentView.comment.id,
                   !saved,
                 );

diff --git a/src/app/comment/commentActions.ts b/src/app/comment/commentActions.ts
@@ -6,7 +6,6 @@ import { CommentView } from "lemmy-js-client";
 import { MarkdownProps } from "@/app/(ui)/markdown/Markdown";
 import { ROOT_NODES_BATCH_SIZE } from "@/app/comment/constants";
 import { redirect } from "next/navigation";
-import { revalidatePath } from "next/cache";
 import { getMarkdownWithRemoteImagesAction } from "@/app/(ui)/markdown/markdownActions";
 import {
   isLoggedIn,
@@ -111,8 +110,6 @@ export const createCommentAction = async (
     content: data.get("content")?.toString() ?? "",
   });
 
-  revalidatePath(`/comment/[id]`, "page");
-  revalidatePath(`/post/[id]`, "page");
   if (parentId) {
     return response.comment_view;
   } else {
@@ -130,31 +127,22 @@ export const editCommentAction = async (
     content,
   });
 
-  revalidatePath(`/comment/[id]`, "page");
-  revalidatePath(`/post/[id]`, "page");
   return response.comment_view;
 };
 export const deleteCommentAction = async (commentId: number) => {
   await apiClient.deleteComment({
     comment_id: commentId,
     deleted: true,
   });
-
-  revalidatePath(`/comment/[id]`, "page");
-  revalidatePath(`/post/[id]`, "page");
 };
 export const restoreCommentAction = async (commentId: number) => {
   await apiClient.deleteComment({
     comment_id: commentId,
     deleted: false,
   });
-
-  revalidatePath(`/comment/[id]`, "page");
-  revalidatePath(`/post/[id]`, "page");
 };
 
 export const toggleSaveCommentAction = async (
-  postId: number,
   commentId: number,
   currentlySaved: boolean,
 ) => {
@@ -167,7 +155,4 @@ export const toggleSaveCommentAction = async (
     comment_id: commentId,
     save: currentlySaved,
   });
-  revalidatePath(`/post/${postId}`);
-  revalidatePath(`/comment/${commentId}`);
-  revalidatePath(`/saved`);
 };
diff --git a/src/app/post/[id]/PostPageWithSidebar.tsx b/src/app/post/[id]/PostPageWithSidebar.tsx
@@ -112,6 +112,7 @@ const Comments = async (props: {
       <CommentsSection
         commentRequestForm={commentRequestForm}
         initialCommentTrees={initialCommentTrees}
+        loggedInUser={props.loggedInUser}
         postId={props.postId}
         singleCommentThreadRootId={props.singleCommentThreadRootId}
         voteConfig={props.voteConfig}