Store previous page for photo Viewer close button

src/routes/[country]/[location]/[photo].svelte

@@ -5,6 +5,7 @@
     import { scale } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
     import { getAssetUrlKey } from '$utils/helpers'
+    import { previousPage } from '$utils/stores'
     import { throttle } from '$utils/functions'
     import { swipe } from '$utils/interactions/swipe'
     import dayjs from 'dayjs'
@@ -220,7 +221,7 @@
 
         <ButtonCircle
             tag="a"
-            url="/{location.country.slug}/{location.slug}"
+            url={$previousPage ? $previousPage : `/${location.country.slug}/${location.slug}`}
             color="purple"
             class="viewer-photo__close shadow-box-dark"
         >

src/routes/__layout.svelte

@@ -2,7 +2,7 @@
     import '../style/style.scss'
     import { navigating, page } from '$app/stores'
     import { onMount, setContext } from 'svelte'
-    import { pageLoading } from '$utils/stores'
+    import { pageLoading, previousPage } from '$utils/stores'
     import { scrollToTop } from '$utils/functions'
     import { DURATION } from '$utils/contants'
     import '$utils/polyfills'
@@ -24,6 +24,14 @@
     /**
      * On page change
      */
+    // Store previous page (for photo Viewer close button)
+    let previous = ''
+    page.subscribe(value => {
+        $previousPage = previous
+        previous = value.path
+    })
+
+    // Define page loading from navigating store
     navigating.subscribe((store: any) => {
         if (store) {
             $pageLoading = true

src/utils/stores/index.ts

@@ -1,3 +1,4 @@
 import { writable } from 'svelte/store'
 
-export const pageLoading = writable(false)
+export const pageLoading = writable(false)
+export const previousPage = writable('')