From 2cb56247bed21744ba3b98e6d2f32aba4dee2ddf Mon Sep 17 00:00:00 2001
From: Hornwitser <code@hornwitser.no>
Date: Sat, 31 May 2025 22:05:20 +0200
Subject: [PATCH] Fix interested state for anonymous accounts

The EventCard logic assume interestedIds not being present means the
account can't set events as interested.  Fix this logic by checking if
the account is valid instead and always have interestedIds present on
the account store.
---
 components/EventCard.vue | 8 ++++----
 stores/account.ts        | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/EventCard.vue b/components/EventCard.vue
index b2308fa..cbf4c4d 100644
--- a/components/EventCard.vue
+++ b/components/EventCard.vue
@@ -5,13 +5,13 @@
 		<p v-if="event.interested">
 			{{ event.interested }} interested
 		</p>
-		<p v-if="accountStore.interestedIds">
+		<p v-if="accountStore.valid">
 			<button
 				class="interested"
-				:class="{ active: accountStore.interestedIds?.has(event.id) }"
+				:class="{ active: accountStore.interestedIds.has(event.id) }"
 				@click="toggle(event.id, event.slots.map(slot => slot.id))"
 			>
-				{{ accountStore.interestedIds?.has(event.id) ? "✔ interested" : "🔔 interested?" }}
+				{{ accountStore.interestedIds.has(event.id) ? "✔ interested" : "🔔 interested?" }}
 			</button>
 		</p>
 
@@ -20,7 +20,7 @@
 			<li v-for="slot in event.slots" :key="slot.id">
 				{{ formatTime(slot.start) }} - {{ formatTime(slot.end) }}
 				<button
-					v-if="accountStore.interestedIds && event.slots.length > 1"
+					v-if="accountStore.valid && event.slots.length > 1"
 					class="interested"
 					:disabled="accountStore.interestedIds.has(event.id)"
 					:class="{ active: accountStore.interestedIds.has(event.id) || accountStore.interestedIds.has(slot.id) }"
diff --git a/stores/account.ts b/stores/account.ts
index 4f47742..624ce8f 100644
--- a/stores/account.ts
+++ b/stores/account.ts
@@ -9,7 +9,7 @@ export const useAccountStore = defineStore("account", () => {
 		name: ref<string>(),
 		timezone: ref<string>(),
 		type: ref<Account["type"]>(),
-		interestedIds: ref<Set<string>>(),
+		interestedIds: ref<Set<string>>(new Set()),
 	};
 
 	watchEffect(() => {
@@ -19,7 +19,7 @@ export const useAccountStore = defineStore("account", () => {
 		state.name.value = account?.name;
 		state.timezone.value = account?.timezone;
 		state.type.value = account?.type;
-		state.interestedIds.value = account?.interestedIds ? new Set(account.interestedIds) : undefined;
+		state.interestedIds.value = new Set(account?.interestedIds ?? []);
 	});
 
 	const getters = {