From c5974a8575a779110f7c1929dfccc377a5358641 Mon Sep 17 00:00:00 2001
From: Geometrically <18202329+Geometrically@users.noreply.github.com>
Date: Wed, 10 Jan 2024 13:43:28 -0500
Subject: [PATCH] Fix unfollowing (#1552)

---
 pages/collection/[id].vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/pages/collection/[id].vue b/pages/collection/[id].vue
index 957bc68b..862e61de 100644
--- a/pages/collection/[id].vue
+++ b/pages/collection/[id].vue
@@ -308,7 +308,7 @@
             <button
               v-if="collection.id === 'following'"
               class="iconified-button"
-              @click="userUnfollowProject(project)"
+              @click="unfollowProject(project)"
             >
               <TrashIcon />
               Unfollow project
@@ -394,13 +394,12 @@ try {
       created: auth.value.user.created,
       updated: auth.value.user.created,
     })
-    const data = await useAsyncData(`user/${auth.value.user.id}/follows`, () =>
-      useBaseFetch(`user/${auth.value.user.id}/follows`)
-    )
-    projects = ref(data.data)
-
+    ;[{ data: projects, refresh: refreshProjects }] = await Promise.all([
+      useAsyncData(`user/${auth.value.user.id}/follows`, () =>
+        useBaseFetch(`user/${auth.value.user.id}/follows`)
+      ),
+    ])
     creator = ref(auth.value.user)
-    refreshProjects = async () => {}
     refreshCollection = async () => {}
   } else {
     const val = await useAsyncData(`collection/${route.params.id}`, () =>
@@ -474,6 +473,11 @@ const summary = ref(collection.value.description)
 const visibility = ref(collection.value.status)
 const removeProjects = ref([])
 
+async function unfollowProject(project) {
+  await userUnfollowProject(project)
+  projects.value = projects.value.filter((x) => x.id !== project.id)
+}
+
 async function saveChanges() {
   startLoading()
   try {