Merge pull request #61 from lotteon2/O2F-1034-SNS-frontend-QA-/fix/sn…

…s-qa O2F-1035 [FIX] 자기자신 팔로우 언팔로우 불가 수정
lotteon2 · Dec 27, 2023 · e543646 · e543646
2 parents 2e96906 + 678711a
commit e543646
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/ootd/OOTDProfileCardComponent.vue b/src/components/ootd/OOTDProfileCardComponent.vue
@@ -6,6 +6,10 @@ import type { OOTDMemberProfileResponse, OOTDMemberProfileResponseWrapper } from
 import { useFollowStore } from '@/stores/follow/FollowStore'
 import { toggleFollow } from '@/apis/ootd/FollowService'
 import { onBeforeRouteLeave } from 'vue-router'
+import { useMemberStore } from '@/stores/member/MemberStore'
+
+const memberStore = useMemberStore()
+const memberId = memberStore.getMemberInfo().memberId
 
 const followStore = useFollowStore()
 const follows = followStore.follows
@@ -112,7 +116,8 @@ const handleImageLoad = async () => {
       |
       팔로우 <span class='follow-count'>{{ member.followingCount }}</span>
     </div>
-    <div v-if='member.isFollowing' class='follow-inactive-btn'
+    <div v-if='member.id === memberId'></div>
+    <div v-else-if='member.isFollowing' class='follow-inactive-btn'
          @click='followButtonClickListener(member.id, member.isFollowing)'>
       <svg class='follow-inactive-check-icon' xmlns='http://www.w3.org/2000/svg' width='13' height='9'
            viewBox='0 0 13 9' fill='none'>

diff --git a/src/views/OOTDDetailView.vue b/src/views/OOTDDetailView.vue
@@ -227,7 +227,8 @@ const onDeleteBtnClick = async () => {
                   </div>
                 </RouterLink>
                 <div class='ootd-detail-header-follow-wrapper'>
-                  <div v-if='!post.member.isFollowing'
+                  <div v-if='post.member.id === memberId'></div>
+                  <div v-else-if='!post.member.isFollowing'
                        @click='followButtonClickListener(post.member.id, post.member.isFollowing)'
                        class='ootd-detail-header-follow'>
                     <div class='ootd-detail-header-follow-text'>