From 9378d562425e5a22a0eb13feaa18981cf2485297 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Sat, 30 Dec 2023 16:04:49 -0500
Subject: [PATCH] fix(pages): ensure band list is refreshed on
 subscribe/unsubscribe

---
 pages/bands.vue | 38 ++++++++++++++++++++++++++++++++------
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/pages/bands.vue b/pages/bands.vue
index 098f65e..52a71c7 100644
--- a/pages/bands.vue
+++ b/pages/bands.vue
@@ -7,7 +7,10 @@
 	const { data: bands } = (await useApiFetch<NonNullable<IBand[]>>("/band/all")) as unknown as { data: Ref<IBand[]> };
 
 	const { data: rd }: { data: any } = useAuth();
-	const data = rd as { user: IUser };
+	const refresh = async () => {
+		await useAuth().getSession({ force: true });
+		rd.value = useAuth().data.value;
+	};
 
 	const hider = subscriptions;
 	if (bands.value == null) bands.value = [];
@@ -26,16 +29,39 @@
 						</nuxt-link>
 					</a-col>
 					<!-- subscribe... -->
-					<a-col v-if="data && data.user?._id" style="margin-left: auto">
-						<a v-if="!data?.user.subscriptions.bands.includes(item._id)" @click="(e) => hider(bands, item._id, 'subscribe', 'bands')">
+					<a-col v-if="rd && rd.user?._id" style="margin-left: auto">
+						<a
+							v-if="!rd?.user.subscriptions.bands.includes(item._id)"
+							@click="
+								async (e) => {
+									hider(bands, item._id, 'subscribe', 'bands');
+									await refresh();
+								}
+							"
+						>
 							<icon :istyle="'regular'" name="paper-plane" :size="12" />
 						</a>
-						<a v-else @click="(e) => hider(bands, item._id, 'unsubscribe', 'bands')">
+						<a
+							v-else
+							@click="
+								async (e) => {
+									hider(bands, item._id, 'unsubscribe', 'bands');
+									await refresh();
+								}
+							"
+						>
 							<icon :istyle="'regular'" name="x" :size="12" />
 						</a>
 					</a-col>
-					<a-col v-if="data?.user._id">
-						<a @click="(e) => hider(bands, item._id, 'hide', 'bands')">
+					<a-col v-if="rd?.user._id">
+						<a
+							@click="
+								async (e) => {
+									hider(bands, item._id, 'hide', 'bands');
+									await refresh();
+								}
+							"
+						>
 							<icon :istyle="'regular'" name="eye-slash" :size="12" />
 						</a>
 					</a-col>