From 52f73ed79d5825a0a742de548d702f41602e97e9 Mon Sep 17 00:00:00 2001
From: ww8007 <wshmin1234@gmail.com>
Date: Sat, 22 Jul 2023 20:32:47 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=82=B4=20=ED=8F=AC=EC=8A=A4=ED=8A=B8?=
 =?UTF-8?q?=EA=B0=80=20=EC=95=84=EB=8B=88=EB=A9=B4=20=EC=A2=8B=EC=95=84?=
 =?UTF-8?q?=EC=9A=94/=ED=95=B4=EC=A0=9C=20=EB=88=84=EB=A5=BC=20=EC=88=98?=
 =?UTF-8?q?=20=EC=97=86=EB=8F=84=EB=A1=9D=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/bookmarks/ui/BookmarkArticle.tsx         |  5 +++++
 src/bookmarks/ui/Like/BookmarkLikeButton.tsx | 11 +++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/bookmarks/ui/BookmarkArticle.tsx b/src/bookmarks/ui/BookmarkArticle.tsx
index 4092e3e6..7e53f0dd 100644
--- a/src/bookmarks/ui/BookmarkArticle.tsx
+++ b/src/bookmarks/ui/BookmarkArticle.tsx
@@ -57,11 +57,15 @@ const BookMarkArticle = ({
     memberId,
   });
 
+  const isMyPost = bookmarkDetail?.memberId === memberId;
+
   const onClickLike = () => {
+    if (!isMyPost) return;
     postBookmarkLike({ bookmarkId: bookmarkId ?? '' });
   };
 
   const onClickDislike = () => {
+    if (!isMyPost) return;
     postBookmarkDislike({ bookmarkId: bookmarkId ?? '' });
   };
 
@@ -154,6 +158,7 @@ const BookMarkArticle = ({
           <LikeAndMessageIconWrapper>
             <BookmarkLikeButton
               isLike={bookmarkDetail?.isUserLike ?? false}
+              isMyPost={isMyPost}
               onClickLike={onClickLike}
               onClickDislike={onClickDislike}
             />
diff --git a/src/bookmarks/ui/Like/BookmarkLikeButton.tsx b/src/bookmarks/ui/Like/BookmarkLikeButton.tsx
index b689c446..e9f38483 100644
--- a/src/bookmarks/ui/Like/BookmarkLikeButton.tsx
+++ b/src/bookmarks/ui/Like/BookmarkLikeButton.tsx
@@ -4,12 +4,14 @@ import styled from '@emotion/styled';
 
 interface BookMarkLikeButtonProps {
   isLike: boolean;
+  isMyPost?: boolean;
   onClickLike?: () => void;
   onClickDislike?: () => void;
 }
 
 const BookmarkLikeButton = ({
   isLike,
+  isMyPost = true,
   onClickLike,
   onClickDislike,
 }: BookMarkLikeButtonProps) => {
@@ -18,6 +20,7 @@ const BookmarkLikeButton = ({
       onClick={() => {
         isLike ? onClickDislike?.() : onClickLike?.();
       }}
+      disabled={!isMyPost}
     >
       {isLike ? (
         <Icon name="heart-fill-green" size="m" />
@@ -30,10 +33,14 @@ const BookmarkLikeButton = ({
 
 export default BookmarkLikeButton;
 
-const LikeButton = styled.button`
+interface LikeButtonProps {
+  disabled: boolean;
+}
+
+const LikeButton = styled.button<LikeButtonProps>`
   width: ${getRem(40)};
   height: 100%;
   &:active {
-    opacity: 0.5;
+    opacity: ${({ disabled }) => (disabled ? 1 : 0.5)};
   }
 `;