From 3198fd8545d0282914f6edcf657905787cae7a06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 7 Nov 2021 22:38:23 +0100
Subject: [PATCH] Move Shop store into separate file

---
 src/components/atoms/ButtonCart.svelte        |  2 +-
 src/components/layouts/PosterLayout.svelte    |  3 +-
 .../molecules/NotificationCart.svelte         |  2 +-
 src/components/organisms/Cart.svelte          |  2 +-
 src/routes/shop/__layout.svelte               |  2 +-
 src/utils/notifications.ts                    |  3 +-
 src/utils/store.ts                            | 35 ---------------
 src/utils/stores/shop.ts                      | 43 +++++++++++++++++++
 8 files changed, 51 insertions(+), 41 deletions(-)
 create mode 100644 src/utils/stores/shop.ts

diff --git a/src/components/atoms/ButtonCart.svelte b/src/components/atoms/ButtonCart.svelte
index 230300f..36ed621 100644
--- a/src/components/atoms/ButtonCart.svelte
+++ b/src/components/atoms/ButtonCart.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { scale } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
-    import { cartOpen, cartAmount } from '$utils/store'
+    import { cartOpen, cartAmount } from '$utils/stores/shop'
     // Components
     import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
 
diff --git a/src/components/layouts/PosterLayout.svelte b/src/components/layouts/PosterLayout.svelte
index 6e80744..5a2a944 100644
--- a/src/components/layouts/PosterLayout.svelte
+++ b/src/components/layouts/PosterLayout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { capitalizeFirstLetter } from '$utils/functions'
-    import { cartId, cartData } from '$utils/store'
+    import { cartId, cartData } from '$utils/stores/shop'
     import { addNotification } from '$utils/notifications'
     // Components
     import Button from '$components/atoms/Button.svelte'
@@ -20,6 +20,7 @@
         lastPreviewPhoto = product.photos_preview[product.photos_preview.length - 1].directus_files_id
     }
 
+    // Images sizes
     const photosPreview = [
         {
             sizes: {
diff --git a/src/components/molecules/NotificationCart.svelte b/src/components/molecules/NotificationCart.svelte
index e595d73..62d3940 100644
--- a/src/components/molecules/NotificationCart.svelte
+++ b/src/components/molecules/NotificationCart.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { fly } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
-    import { cartOpen } from '$utils/store'
+    import { cartOpen } from '$utils/stores/shop'
 
     export let title: string
     export let name: string
diff --git a/src/components/organisms/Cart.svelte b/src/components/organisms/Cart.svelte
index 34b4d75..e0101f4 100644
--- a/src/components/organisms/Cart.svelte
+++ b/src/components/organisms/Cart.svelte
@@ -2,7 +2,7 @@
     import { onMount } from 'svelte'
     import { fade, fly } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
-    import { cartOpen, cartId, cartData, cartAmount, cartIsUpdating } from '$utils/store'
+    import { cartOpen, cartId, cartData, cartAmount, cartIsUpdating } from '$utils/stores/shop'
     // Components
     import Button from '$components/atoms/Button.svelte'
     import CartItem from '$components/molecules/CartItem.svelte'
diff --git a/src/routes/shop/__layout.svelte b/src/routes/shop/__layout.svelte
index 2b43fbc..94e136a 100644
--- a/src/routes/shop/__layout.svelte
+++ b/src/routes/shop/__layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { onMount } from 'svelte'
-    import { cartNotifications } from '$utils/store'
+    import { shopLocations, cartOpen, cartNotifications } from '$utils/stores/shop'
     // Components
     import Metas from '$components/Metas.svelte'
     import SiteTitle from '$components/atoms/SiteTitle.svelte'
diff --git a/src/utils/notifications.ts b/src/utils/notifications.ts
index 7e99e01..d8d223d 100644
--- a/src/utils/notifications.ts
+++ b/src/utils/notifications.ts
@@ -1,4 +1,4 @@
-import { cartNotifications } from './store'
+import { cartNotifications } from '$utils/stores/shop'
 
 interface Notification {
     title: string
@@ -8,6 +8,7 @@ interface Notification {
     id?: number
 }
 
+
 /**
  * Add a notification
  */
diff --git a/src/utils/store.ts b/src/utils/store.ts
index 59f49d0..e69de29 100644
--- a/src/utils/store.ts
+++ b/src/utils/store.ts
@@ -1,35 +0,0 @@
-import { writable, derived } from 'svelte/store'
-
-
-/**
- * Shop
- */
-/** Open Cart state */
-export const cartOpen = writable(false)
-
-/** Current Cart ID */
-export const cartId = writable(null)
-
-if (typeof localStorage !== 'undefined') {
-    if (localStorage.getItem('cartId')) {
-        console.log('existant', localStorage.getItem('cartId'))
-        cartId.set(localStorage.getItem('cartId'))
-    }
-    cartId.subscribe(value => localStorage.setItem('cartId', value))
-}
-
-/** Raw Cart data */
-export const cartData = writable(null)
-
-/** Cart data is being updated */
-export const cartIsUpdating = writable(false)
-
-/** Amount of products present in cart */
-export const cartAmount = derived(cartData, ($cart) => {
-    return $cart && $cart.item_quantity > 0 ? $cart.item_quantity : 0
-})
-
-/**
- * Notifications
- */
-export const cartNotifications = writable([])
\ No newline at end of file
diff --git a/src/utils/stores/shop.ts b/src/utils/stores/shop.ts
new file mode 100644
index 0000000..c46d1c8
--- /dev/null
+++ b/src/utils/stores/shop.ts
@@ -0,0 +1,43 @@
+import { writable, derived } from 'svelte/store'
+
+
+/**
+ * Shop
+ */
+export const shopLocations = writable([])
+
+
+
+/**
+ * Cart
+ */
+/** Cart open state */
+export const cartOpen = writable(false)
+
+/** Cart open state */
+export const cartId = writable(null)
+
+// Write to localStorage when changing cartId
+if (typeof localStorage !== 'undefined') {
+    if (localStorage.getItem('cartId')) {
+        // console.log('existant', localStorage.getItem('cartId'))
+        cartId.set(localStorage.getItem('cartId'))
+    }
+    cartId.subscribe(value => localStorage.setItem('cartId', value))
+}
+
+/** Raw Cart data */
+export const cartData = writable(null)
+
+/** Cart data is being updated */
+export const cartIsUpdating = writable(false)
+
+/** Amount of products present in cart */
+export const cartAmount = derived(cartData, ($cart) => {
+    return $cart && $cart.item_quantity > 0 ? $cart.item_quantity : 0
+})
+
+/**
+ * Notifications
+ */
+export const cartNotifications = writable([])
\ No newline at end of file