From c23de036c76c0f8ed094906379888bcd7d3abd5e Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Wed, 30 Oct 2024 18:48:11 +0000
Subject: [PATCH] feat(#60): Clear basket on sign out

---
 src/lib/components/SignOut.svelte | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/lib/components/SignOut.svelte b/src/lib/components/SignOut.svelte
index a4cc2bf..a78de4e 100644
--- a/src/lib/components/SignOut.svelte
+++ b/src/lib/components/SignOut.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
 	import { createEventDispatcher } from 'svelte';
+	import { basket, type Basket, type Item } from '$lib/stores/basket.js';
+
 	const dispatch = createEventDispatcher();
 
 	function emitSignedOutEvent() {
@@ -9,10 +11,23 @@
 	// Access the supabase client from the layout data
 	export let supabase: any;
 
+	let localBasket: Basket;
+	const unsubscribe = basket.subscribe((value) => {
+		localBasket = value;
+	});
+
 	async function signOut() {
 		// TODO use the error from the response
 		const { error } = await supabase.auth.signOut().then(() => {
 			emitSignedOutEvent();
+
+			// Clear the basket
+			localBasket = { items: [], subtotal: 0 };
+			basket.set(localBasket);
+			unsubscribe();
+			if (typeof localStorage !== 'undefined') {
+				localStorage.removeItem('basket');
+			}
 		});
 	}
 </script>