remove localstorage cache items on logout

Author: marcelpanse

frontend/src/services/auth/useAuth.ts

@@ -3,6 +3,7 @@ import { useContext } from 'react'
 import { DialogContext } from '@/context/DialogContext.ts'
 import { supabase } from '@/lib/supabase.ts'
 import { authSSO, getCurrentUser, logout } from '@/services/auth/authService.ts'
+import { removeLocalCacheItems } from '@/services/collection/collectionService.ts'
 import type { User } from '@/types'
 
 export function useUser() {
@@ -14,6 +15,8 @@ export function useUser() {
 }
 
 export function useLogout() {
+  const { data: user } = useUser()
+  const email = user?.user.email
   const queryClient = useQueryClient()
 
   return useMutation({
@@ -24,6 +27,9 @@ export function useLogout() {
       await queryClient.invalidateQueries({ queryKey: ['account'] })
       await queryClient.invalidateQueries({ queryKey: ['collection'] })
       await queryClient.invalidateQueries({ queryKey: ['trade'] })
+      if (email) {
+        removeLocalCacheItems(email)
+      }
     },
   })
 }

frontend/src/services/collection/collectionService.ts

@@ -5,6 +5,12 @@ const COLLECTION_CACHE_KEY = 'tcg_collection_cache_v2'
 const COLLECTION_TIMESTAMP_KEY = 'tcg_collection_timestamp_v2'
 const PAGE_SIZE = 500
 
+export const removeLocalCacheItems = (email: string) => {
+  // Invalidate local cache by removing records from localStorage
+  localStorage.removeItem(`${COLLECTION_CACHE_KEY}_${email}`)
+  localStorage.removeItem(`${COLLECTION_TIMESTAMP_KEY}_${email}`)
+}
+
 export const getCollection = async (email: string, collectionLastUpdatedRaw?: Date | string): Promise<Map<number, CollectionRow>> => {
   if (!email) {
     throw new Error('Email is required to fetch collection')
@@ -112,9 +118,7 @@ export const updateCards = async (email: string, rowsToUpdate: CardAmountUpdate[
 
     account = accountResult.data as AccountRow
   } catch (error) {
-    // Invalidate local cache by removing records from localStorage
-    localStorage.removeItem(`${COLLECTION_CACHE_KEY}_${email}`)
-    localStorage.removeItem(`${COLLECTION_TIMESTAMP_KEY}_${email}`)
+    removeLocalCacheItems(email)
     throw error
   }