From abe1ea2055d9a692784d77bfba67194c5719aee6 Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Tue, 19 Sep 2023 14:22:00 +0100
Subject: [PATCH] Moved Toast logic into own directory

---
 src/{ => Toasts}/CloseIcon.svelte   | 0
 src/{ => Toasts}/ErrorIcon.svelte   | 0
 src/{ => Toasts}/InfoIcon.svelte    | 0
 src/{ => Toasts}/SuccessIcon.svelte | 0
 src/{ => Toasts}/Toast.svelte       | 0
 src/{ => Toasts}/Toasts.svelte      | 6 +++---
 src/{ => lib}/store.ts              | 0
 src/main.svelte                     | 6 ++----
 src/routes/+layout.svelte           | 3 +--
 9 files changed, 6 insertions(+), 9 deletions(-)
 rename src/{ => Toasts}/CloseIcon.svelte (100%)
 rename src/{ => Toasts}/ErrorIcon.svelte (100%)
 rename src/{ => Toasts}/InfoIcon.svelte (100%)
 rename src/{ => Toasts}/SuccessIcon.svelte (100%)
 rename src/{ => Toasts}/Toast.svelte (100%)
 rename src/{ => Toasts}/Toasts.svelte (84%)
 rename src/{ => lib}/store.ts (100%)

diff --git a/src/CloseIcon.svelte b/src/Toasts/CloseIcon.svelte
similarity index 100%
rename from src/CloseIcon.svelte
rename to src/Toasts/CloseIcon.svelte
diff --git a/src/ErrorIcon.svelte b/src/Toasts/ErrorIcon.svelte
similarity index 100%
rename from src/ErrorIcon.svelte
rename to src/Toasts/ErrorIcon.svelte
diff --git a/src/InfoIcon.svelte b/src/Toasts/InfoIcon.svelte
similarity index 100%
rename from src/InfoIcon.svelte
rename to src/Toasts/InfoIcon.svelte
diff --git a/src/SuccessIcon.svelte b/src/Toasts/SuccessIcon.svelte
similarity index 100%
rename from src/SuccessIcon.svelte
rename to src/Toasts/SuccessIcon.svelte
diff --git a/src/Toast.svelte b/src/Toasts/Toast.svelte
similarity index 100%
rename from src/Toast.svelte
rename to src/Toasts/Toast.svelte
diff --git a/src/Toasts.svelte b/src/Toasts/Toasts.svelte
similarity index 84%
rename from src/Toasts.svelte
rename to src/Toasts/Toasts.svelte
index 7dfa769..3977df4 100644
--- a/src/Toasts.svelte
+++ b/src/Toasts/Toasts.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import Toast from "./Toast.svelte";
 
-  import { dismissToast, toasts } from "./store";
+  import { dismissToast, toasts } from "$lib/store";
 </script>
 
 {#if $toasts}
@@ -15,7 +15,7 @@
 <style lang="postcss">
   section {
     position: fixed;
-    top: 0;
+    bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
@@ -23,6 +23,6 @@
     margin-top: 1rem;
     justify-content: center;
     flex-direction: column;
-    z-index: 1000;
+    z-index: 10;
   }
 </style>
diff --git a/src/store.ts b/src/lib/store.ts
similarity index 100%
rename from src/store.ts
rename to src/lib/store.ts
diff --git a/src/main.svelte b/src/main.svelte
index d92c714..d8986a8 100644
--- a/src/main.svelte
+++ b/src/main.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { getJson } from "$lib/data";
 	import { Toast, ToastType } from "$lib/toast";
-    import { addToast } from "./store";
+    import { addToast } from "$lib/store";
 </script>
 
 <style>
@@ -30,7 +30,6 @@
         font-size: 125%;
     }
     
-
     @media (max-width: 800px) {
         .flex-container {
             align-items: center;
@@ -73,12 +72,11 @@
             <p class="about">{@html info.about}</p>
         </div>
     </div>
-    
 {:catch}
     <div class="card">
         <div class="card-header">
             <h1>Unable to load portfolio overview data</h1>
         </div>
     </div>
-    {addToast(new Toast("Unable to load me.json", ToastType.Error, true, 3000))}
+    <div style="display: none;">{addToast(new Toast("Unable to load me.json", ToastType.Error, true, 3000))}</div>
 {/await}
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ac7cd45..87b0f1a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,9 +1,8 @@
 <script>
-	import Toasts from "../Toasts.svelte";
+	import Toasts from "../Toasts/Toasts.svelte";
 </script>
 
 <style>
-
     .main-container {
         margin-left: 10%;
         margin-right: 10%;