From 6d4224abea1a6b627c532c9b11d8f338df076842 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 22 Jun 2022 23:20:52 +0200
Subject: [PATCH] Use global value to check for current Shop product

Also add other stores types to hint on expected values
---
 .../molecules/ShopLocationSwitcher.svelte     |  4 ++--
 src/components/organisms/ShopHeader.svelte    |  2 +-
 src/routes/shop/index.svelte                  |  4 ++++
 src/utils/stores/shop.ts                      | 21 ++++++++++++-------
 4 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/molecules/ShopLocationSwitcher.svelte b/src/components/molecules/ShopLocationSwitcher.svelte
index ee27cdf..e56acbd 100644
--- a/src/components/molecules/ShopLocationSwitcher.svelte
+++ b/src/components/molecules/ShopLocationSwitcher.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
     import { goto } from '$app/navigation'
     import { getContext } from 'svelte'
+    import { shopCurrentProductSlug } from '$utils/stores/shop'
 
     export let isOver: boolean = false
-    export let currentProductSlug: string = undefined
 
     const { shopLocations } = getContext('shop')
 
@@ -29,7 +29,7 @@
         </svg>
         <select on:change={quickLocationChange}>
             {#each shopLocations as { name, slug }}
-                <option value={slug} selected={slug === currentProductSlug}>{name}</option>
+                <option value={slug} selected={slug === $shopCurrentProductSlug}>{name}</option>
             {/each}
         </select>
     </dd>
diff --git a/src/components/organisms/ShopHeader.svelte b/src/components/organisms/ShopHeader.svelte
index d24f8c8..2713260 100644
--- a/src/components/organisms/ShopHeader.svelte
+++ b/src/components/organisms/ShopHeader.svelte
@@ -127,6 +127,6 @@
     class:is-visible={scrolledPastIntro}
     class:is-overlaid={$cartOpen}
 >
-    <ShopLocationSwitcher currentProductSlug={product && product.location.slug} />
+    <ShopLocationSwitcher />
     <ButtonCart />
 </nav>
\ No newline at end of file
diff --git a/src/routes/shop/index.svelte b/src/routes/shop/index.svelte
index fe183f4..d83cd13 100644
--- a/src/routes/shop/index.svelte
+++ b/src/routes/shop/index.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { getContext } from 'svelte'
+    import { shopCurrentProductSlug } from '$utils/stores/shop'
     // Components
     import PageTransition from '$components/PageTransition.svelte'
     import Metas from '$components/Metas.svelte'
@@ -11,6 +12,9 @@
     export let shopProduct: any
 
     const { posters } = getContext('shop')
+
+    // Update current random product slug
+    $shopCurrentProductSlug = product.location.slug
 </script>
 
 <Metas
diff --git a/src/utils/stores/shop.ts b/src/utils/stores/shop.ts
index 8ac5b8e..43881ad 100644
--- a/src/utils/stores/shop.ts
+++ b/src/utils/stores/shop.ts
@@ -1,14 +1,20 @@
-import { writable, derived } from 'svelte/store'
+import { writable, derived, type Writable, type Readable } from 'svelte/store'
+
+
+/**
+ * Shop
+ */
+export const shopCurrentProductSlug: Writable<string> = writable(null)
 
 
 /**
  * Cart
  */
 /** Cart open state */
-export const cartOpen = writable(false)
+export const cartOpen: Writable<boolean> = writable(false)
 
 /** Cart open state */
-export const cartId = writable(null)
+export const cartId: Writable<string> = writable(null)
 
 // Write to localStorage when changing cartId
 if (typeof localStorage !== 'undefined') {
@@ -20,17 +26,18 @@ if (typeof localStorage !== 'undefined') {
 }
 
 /** Raw Cart data */
-export const cartData = writable(null)
+export const cartData: Writable<any> = writable(null)
 
 /** Cart data is being updated */
-export const cartIsUpdating = writable(false)
+export const cartIsUpdating: Writable<boolean> = writable(false)
 
 /** Amount of products present in cart */
-export const cartAmount = derived(cartData, ($cart) => {
+export const cartAmount: Readable<number> = derived(cartData, ($cart) => {
     return $cart && $cart.item_quantity > 0 ? $cart.item_quantity : 0
 })
 
+
 /**
  * Notifications
  */
-export const cartNotifications = writable([])
\ No newline at end of file
+export const cartNotifications: Writable<any[]> = writable([])
\ No newline at end of file