feat: 게시글 조회 및 좋아요 기능 추가

re-Duck · Jan 3, 2024 · 2144e42 · 2144e42
1 parent e1d70f0
commit 2144e42
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/client/src/components/board/PostDetail/index.tsx b/client/src/components/board/PostDetail/index.tsx
@@ -81,7 +81,7 @@ export default function PostDetail({ data, IS_AUTHOR }: PostDetail) {
 
       <p className="text-gray-400">{parseDate(data?.postCreatedAt)}</p>
       <hr />
-      <p className="text-sm text-gray-400">좋아요 0 | 조회 0</p>
+      <p className="text-sm text-gray-400">{`좋아요 ${data.likes} | 조회 ${data.hits}`}</p>
     </article>
   );
 }
diff --git a/client/src/components/common/Post/PostSummary/index.tsx b/client/src/components/common/Post/PostSummary/index.tsx
@@ -46,7 +46,7 @@ export function PostSummary({
         />
         <div className="flex justify-between">
           <div className="flex flex-col gap-1">
-            <p className="text-sm text-gray-400">좋아요 0 | 조회 0</p>
+            <p className="text-sm text-gray-400">{`좋아요 ${postInfoData.likes} | 조회 ${postInfoData.hits}`}</p>
             <p className="text-gray-400">
               {parseDate(postInfoData?.postCreatedAt)}
             </p>

diff --git a/client/src/types/index.ts b/client/src/types/index.ts
@@ -20,6 +20,8 @@ export interface IPostInformation {
   postTitle: string;
   postType: string;
   postUpdatedAt: string;
+  hits: number;
+  likes: number;
 }
 
 export interface IBoardPostInformation