Merge pull request #26 from fiit-tp7-2023/AB#362-follow/unfollow-user

fiit-tp7-2023 · Apr 25, 2024 · d8e6839 · d8e6839
2 parents da7e798 + 2aa80f7
commit d8e6839
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/pages/profile/[address].vue b/pages/profile/[address].vue
@@ -15,7 +15,9 @@
           <h3>Followers: {{ userProfile.followerCount }}</h3>
           <h3>Following: {{ userProfile.followingCount }}</h3>
         </div>
-        <button v-if="!myProfile" class="follow-button" @click="followUser">Follow</button>
+        <button v-if="!myProfile" class="follow-button" @click="toggleFollow">
+          {{ userProfile.isFollowed ? 'Unfollow' : 'Follow' }}
+        </button>
       </div>
     </div>
     <hr class="mt-6 border-t border-gray-500" />
@@ -60,6 +62,26 @@ const fetchUserProfile = async () => {
   }
 };
 
+const toggleFollow = async () => {
+  if (userProfile.value.isFollowed) {
+    userProfile.value.isFollowed = false;
+    await unfollowUser();
+  } else {
+    userProfile.value.isFollowed = true;
+    await followUser();
+  }
+};
+
+const unfollowUser = async () => {
+  await $fetch(`/api/user/${route.params.address}/following`, {
+    method: 'DELETE',
+    headers: {
+      Authorization: `Bearer ${accountStore.accessToken}`,
+    },
+  });
+  fetchUserProfile(); // Re-fetch or adjust local state to show updated follower count
+};
+
 const followUser = async () => {
   await $fetch(`/api/user/${route.params.address}/following`, {
     method: 'POST',