Merge pull request #589 from bounswe/FRONTEND-588

feat(frontend): persist is_liked information on refresh
bounswe · Nov 23, 2024 · 1a0e9e6 · 1a0e9e6
2 parents 036ce67 + f2cb5cc
commit 1a0e9e6
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 1 deletion.
diff --git a/frontend/src/components/common/utils.tsx b/frontend/src/components/common/utils.tsx
@@ -42,6 +42,7 @@ export const convertPostResponseToPost = (postResponse: PostResponse): Post => {
     engagement: {
       likes: postResponse.like_count,
       comments: 0,
+      is_liked: postResponse.is_liked,
     },
     comments: [],
   };

diff --git a/frontend/src/components/post/compose-post-form.tsx b/frontend/src/components/post/compose-post-form.tsx
@@ -161,6 +161,7 @@ export default function ComposePostForm() {
                 tags={[...selectedTags, ...(diffTag ? [diffTag] : [])]}
                 likeCount={0}
                 timePassed="Just now"
+                initialIsLiked={false}
               />
             </ModalContent>
           </Modal>

diff --git a/frontend/src/components/post/post-card.tsx b/frontend/src/components/post/post-card.tsx
@@ -38,6 +38,7 @@ type Props = {
   timePassed: string;
   likeCount: number;
   tags?: string[];
+  initialIsLiked: boolean;
 };
 
 export default function PostCard({
@@ -48,9 +49,10 @@ export default function PostCard({
   timePassed,
   likeCount,
   tags,
+  initialIsLiked,
 }: Props) {
   const [isExpanded, setIsExpanded] = useState(false);
-  const [isLiked, setIsLiked] = useState(false);
+  const [isLiked, setIsLiked] = useState(initialIsLiked);
   const [likes, setLikes] = useState(likeCount);
   const [isBookmarked, setIsBookmarked] = useState(false); // Example state for bookmark
   const navigate = useNavigate();

diff --git a/frontend/src/pages/forum.tsx b/frontend/src/pages/forum.tsx
@@ -132,6 +132,7 @@ export default function Forum() {
               timePassed={post.post.timestamp}
               likeCount={post.engagement.likes}
               tags={post.post.tags}
+              initialIsLiked={post.engagement.is_liked}
             />
           </Suspense>
         ))}

diff --git a/frontend/src/pages/post.tsx b/frontend/src/pages/post.tsx
@@ -50,6 +50,7 @@ export default function Post() {
               timePassed={post.post.timestamp}
               likeCount={post.engagement.likes}
               tags={post.post.tags}
+              initialIsLiked={post.engagement.is_liked}
             />
           </Suspense>
         )}
@@ -69,6 +70,7 @@ export default function Post() {
               content={comment.comment}
               timePassed={comment.timestamp}
               likeCount={comment.likes}
+              initialIsLiked={comment.is_liked}
             />
           </Suspense>
         ))}

diff --git a/frontend/src/pages/profile.tsx b/frontend/src/pages/profile.tsx
@@ -151,6 +151,7 @@ export default function Profile() {
                               timePassed={post.post.timestamp}
                               likeCount={post.engagement.likes}
                               tags={post.post.tags}
+                              initialIsLiked={post.engagement.is_liked}
                             />
                           </Suspense>
                         );

diff --git a/frontend/src/types.ts b/frontend/src/types.ts
@@ -7,6 +7,7 @@ export type Comment = {
     comment: string;
     timestamp: string;
     likes: number;
+    is_liked: boolean;
   };
 
   export type Post = {
@@ -25,6 +26,7 @@ export type Comment = {
     engagement: {
       likes: number;
       comments: number;
+      is_liked: boolean;
     };
     comments: Comment[];
   };
@@ -37,6 +39,7 @@ export type Comment = {
     like_count: number;
     tags: string[];
     title: string;
+    is_liked: boolean;
   };
 
   export type Quiz = {