Bug: Added favorite/unfavorite status for user and removed local storage for favorite feature successfully issue 497

backend/src/routes/post/controller.ts

@@ -536,6 +536,41 @@ export const getFavoritePostsController = async (req: UserAuthRequest, res: Resp
   }
 };
 
+export const checkFavoriteStatusController = async (req: UserAuthRequest, res: Response) => {
+  try {
+    const userId = req.userId;
+    const postId = req.params.id;
+
+    if (!userId) {
+      return res.status(400).json({ error: "User ID is required." });
+    }
+
+    const user = await prisma.user.findFirst({
+      where: { id: userId },
+      select: { verified: true }
+    });
+
+    if (!user?.verified) {
+      return res.status(403).json({ error: "User is not verified!" });
+    }
+
+    const favorite = await prisma.favorite.findUnique({
+      where: {
+        userId_postId: {
+          userId,
+          postId
+        }
+      }
+    });
+
+    const isFavorite = favorite ? true : false;
+
+    res.status(200).json({ isFavorite });
+  } catch (error) {
+    res.status(500).json({ error: "Failed to check favorite status." });
+  }
+};
+
 export const getLeaderboardController = async (req: Request, res: Response) => {
   try {
     const leaderboard = await prisma.user.findMany({

backend/src/routes/post/route.ts

@@ -1,7 +1,7 @@
 import { Router } from "express";
 import authMiddleware from "../../middleware/auth"
 
-import { aiCustomization, createCommentController, createPostController, deletePostController, favoritePostController, getAllTagsController, getCommentsController, getFavoritePostsController, getLeaderboardController, getPostController, getPostReactionsController, getPostsWithPagination, getUserReactionController, reactToPostController, removeReactionController, unfavoritePostController, updatePostController } from "./controller";
+import { checkFavoriteStatusController,aiCustomization, createCommentController, createPostController, deletePostController, favoritePostController, getAllTagsController, getCommentsController, getFavoritePostsController, getLeaderboardController, getPostController, getPostReactionsController, getPostsWithPagination, getUserReactionController, reactToPostController, removeReactionController, unfavoritePostController, updatePostController } from "./controller";
 
 const postRouter = Router();
 
@@ -25,6 +25,8 @@ postRouter.post('/:id/unfavorite', authMiddleware, unfavoritePostController);
 
 postRouter.get('/:id/favorites', authMiddleware, getFavoritePostsController);
 
+postRouter.get('/:id/favorite-status', authMiddleware, checkFavoriteStatusController);
+
 postRouter.get('/all/leaderboard', getLeaderboardController);
 
 postRouter.delete('/delete/:id', authMiddleware, deletePostController); 

frontend/src/components/PostCard.tsx

@@ -40,8 +40,24 @@ const PostCard = ({ post, onDelete, currentUser }: Props) => {
   }, [post.id]);
 
   useEffect(() => {
-    const favoriteStatus = localStorage.getItem(`post-${post.id}-favorite`);
-    setIsFavorite(favoriteStatus === "true");
+    const fetchFavoriteStatus = async () => {
+      try {
+        const token = localStorage.getItem("token");
+        if (!token) {
+          return;
+        }
+        const { data } = await axios.get(`/api/v1/posts/${post.id}/favorite-status`, {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        });
+        setIsFavorite(data.isFavorite);
+      } catch (error) {
+        toast.error("Failed to fetch favorite status");
+      }
+    };
+
+    fetchFavoriteStatus();
   }, [post.id]);
 
   const handleAddToFavorite = async () => {
@@ -61,18 +77,11 @@ const PostCard = ({ post, onDelete, currentUser }: Props) => {
         }
       );
       setIsFavorite(true);
-      localStorage.setItem(`post-${post.id}-favorite`, "true");
       toast.success("Post added to favorites");
     } catch (e) {
-      const error = e as AxiosError<{
-        error: {
-          message: string;
-        };
-      }>;
+      const error = e as AxiosError<{ error: { message: string } }>;
       if (error.response && error.response.status === 403) {
-        toast.error(
-          error.response.data.error.message || "User is not verified!"
-        );
+        toast.error(error.response.data.error.message || "User is not verified!");
       } else {
         toast.error("Failed to add to favorites. Please try again later.");
       }
@@ -96,18 +105,11 @@ const PostCard = ({ post, onDelete, currentUser }: Props) => {
         }
       );
       setIsFavorite(false);
-      localStorage.removeItem(`post-${post.id}-favorite`);
       toast.success("Post removed from favorites");
     } catch (e) {
-      const error = e as AxiosError<{
-        error: {
-          message: string;
-        };
-      }>;
+      const error = e as AxiosError<{ error: { message: string } }>;
       if (error.response && error.response.status === 403) {
-        toast.error(
-          error.response.data.error.message || "User is not verified!"
-        );
+        toast.error(error.response.data.error.message || "User is not verified!");
       } else {
         toast.error("Failed to remove from favorites. Please try again later.");
       }
@@ -117,7 +119,7 @@ const PostCard = ({ post, onDelete, currentUser }: Props) => {
   const handleDelete = async () => {
     setIsDeleting(true);
     try {
-      const token = localStorage.getItem('token');
+      const token = localStorage.getItem("token");
       if (!token) {
         toast.error('Please login to delete post');
         return;
@@ -197,7 +199,8 @@ const PostCard = ({ post, onDelete, currentUser }: Props) => {
             className="cursor-pointer text-[#e74e4e] dark:text-white"
           />
         )}
-      </div>      <p className="text-[#000435] bg-white dark:text-white dark:bg-blue-950 mb-4">
+      </div>
+      <p className="text-[#000435] bg-white dark:text-white dark:bg-blue-950 mb-4">
         {post.description.length > 100
           ? `${post.description.slice(0, 100)}...`
           : post.description}
@@ -250,4 +253,4 @@ const PostCard = ({ post, onDelete, currentUser }: Props) => {
   );
 };
 
-export default PostCard;
+export default PostCard;