From b2154273e0bc036368cc48d3750b5714ec8a10ca Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 15 Oct 2025 13:46:08 -0400
Subject: [PATCH] Reset looks better now.

---
 src/lib/ae_events_stores.ts                   |  4 +-
 src/routes/events/+layout.svelte              | 84 ++++++++++++++++---
 .../(launcher)/launcher/+layout.svelte        | 52 ------------
 3 files changed, 75 insertions(+), 65 deletions(-)

diff --git a/src/lib/ae_events_stores.ts b/src/lib/ae_events_stores.ts
index b5aaf9f2..177e7c81 100644
--- a/src/lib/ae_events_stores.ts
+++ b/src/lib/ae_events_stores.ts
@@ -5,8 +5,8 @@ import type { Writable } from 'svelte/store';
 import type { key_val } from '$lib/ae_stores';
 
 // Set the version for the app data. Changing this should force a notification and ask the user to clear and reload the page.
-let ver = '2025-10-15_1259';
-let ver_idb = '2025-10-15_1259';
+let ver = '2025-10-15_1345';
+let ver_idb = '2025-10-15_1345';
 
 /* *** BEGIN *** Initialize events_local_data_struct */
 // Longer-term app data. This should be stored to *local* storage.
diff --git a/src/routes/events/+layout.svelte b/src/routes/events/+layout.svelte
index b83717b3..1b37574f 100644
--- a/src/routes/events/+layout.svelte
+++ b/src/routes/events/+layout.svelte
@@ -13,17 +13,7 @@ import {
         RefreshCw,
         Satellite
     } from '@lucide/svelte';
-// import { Modal } from '@skeletonlabs/skeleton-svelte';
-// import type {
-//     ModalComponent
-//     } from '@skeletonlabs/skeleton-svelte';
-
-// const modalRegistry: Record<string, ModalComponent> = {
-// 	// Set a unique modal ID, then pass the component reference
-// 	// modalComponentEditSponsorshipObj: { ref: ModalComponentEditSponsorshipObj },
-// 	// modalComponentTwo: { ref: ModalComponentTwo },
-// 	// ...
-// };
+import { Modal } from '@skeletonlabs/skeleton-svelte';
 
 // *** Import Aether specific variables and functions
 import type { key_val } from '$lib/ae_stores';
@@ -92,6 +82,39 @@ function scroll_container() {
     return document.getElementById('ae_main_content') || document.documentElement || document.body;
 }
 
+
+function clear_idb() {
+    indexedDB.deleteDatabase('ae_archives_db'); // Archives module
+    indexedDB.deleteDatabase('ae_core_db');
+    indexedDB.deleteDatabase('ae_events_db'); // Events module
+    indexedDB.deleteDatabase('ae_journals_db'); // Journals module
+    indexedDB.deleteDatabase('ae_posts_db'); // Posts module
+    indexedDB.deleteDatabase('ae_sponsorships_db'); // Sponsorships module
+}
+
+function clear_local() {
+    // localStorage.removeItem('ae_loc');
+    // localStorage.removeItem('ae_idaa_loc');
+    // localStorage.removeItem('ae_journals_loc');
+    // localStorage.removeItem('ae_events_loc');
+
+    $ae_loc.allow_access = false;
+    $ae_loc.authenticated_access = false;
+    $ae_loc.edit_mode = false;
+
+    localStorage.clear();
+    window.localStorage.clear();
+}
+
+function clear_sess() {
+    // sessionStorage.removeItem('ae_sess');
+    // sessionStorage.removeItem('ae_idaa_sess');
+    // sessionStorage.removeItem('ae_journals_sess');
+    // sessionStorage.removeItem('ae_events_sess');
+
+    sessionStorage.clear();
+}
+
 </script>
 
 
@@ -103,6 +126,45 @@ function scroll_container() {
 </svelte:head>
 
 
+<!--
+<Modal
+    open={$events_loc?.ver !== $events_sess?.ver ? true : false}
+    autoclose={false}
+    placement="top-center"
+
+    > -->
+{#if ($events_loc?.ver !== $events_sess?.ver)}
+    <button
+        class="
+            fixed top-16 left-0 right-0 z-50 p-4 m-8 sm:mx-16 md:mx-32
+            btn btn-lg
+            preset-tonal-warning preset-outlined-warning-400-600 hover:preset-filled-success-200-800
+            transition-all
+            "
+        onclick={() => {
+            // Clear the IndexedDB
+            clear_idb();
+
+            // Clear localStorage and sessionStorage
+            clear_local();
+            // clear_sess();
+
+            location.reload();
+        }}
+        title="A new version of the launcher is available. Click to reload the page and get the latest version."
+        >
+        <span class="fas fa-sync-alt fa-spin m-1"></span>
+        <span class="m-4 sm:mx-8 text-wrap">
+            New Events Module Version Available!<br>
+            Click to Reload<br>
+            <div class="italic text-base">You may need to sign in again.</div>
+        </span>
+        <span class="fas fa-sync-alt fa-spin m-1"></span>
+    </button>
+    $events_loc.ver=${$events_loc?.ver} $events_sess.ver=${$events_sess?.ver}
+{/if}
+<!-- </Modal> -->
+
 <!-- WARNING: Add these when ready to better enabled dark mode! -->
 <!-- bg-gray-50 dark:bg-gray-900 -->
 <!-- text-gray-800 dark:text-gray-200 -->
diff --git a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
index d82cfe9d..73d52d38 100644
--- a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
+++ b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
@@ -94,37 +94,7 @@ if (log_lvl > 1) {
 
 // *** Functions and Logic
 
-function clear_idb() {
-    indexedDB.deleteDatabase('ae_archives_db'); // Archives module
-    indexedDB.deleteDatabase('ae_core_db');
-    indexedDB.deleteDatabase('ae_events_db'); // Events module
-    indexedDB.deleteDatabase('ae_journals_db'); // Journals module
-    indexedDB.deleteDatabase('ae_posts_db'); // Posts module
-    indexedDB.deleteDatabase('ae_sponsorships_db'); // Sponsorships module
-}
 
-function clear_local() {
-    // localStorage.removeItem('ae_loc');
-    // localStorage.removeItem('ae_idaa_loc');
-    // localStorage.removeItem('ae_journals_loc');
-    // localStorage.removeItem('ae_events_loc');
-
-    $ae_loc.allow_access = false;
-    $ae_loc.authenticated_access = false;
-    $ae_loc.edit_mode = false;
-
-    localStorage.clear();
-    window.localStorage.clear();
-}
-
-function clear_sess() {
-    // sessionStorage.removeItem('ae_sess');
-    // sessionStorage.removeItem('ae_idaa_sess');
-    // sessionStorage.removeItem('ae_journals_sess');
-    // sessionStorage.removeItem('ae_events_sess');
-
-    sessionStorage.clear();
-}
 
 
 
@@ -1375,25 +1345,3 @@ $effect(() => {
         />
         <!-- on:ws_recv={handle_ws_recv} -->
 {/if}
-
-
-{#if ($events_loc?.ver !== $events_sess?.ver)}
-    <button
-        class="fixed top-16 left-68 z-50 p-3 btn btn-lg preset-tonal-warning preset-outlined-warning hover:preset-filled-warning-500 transition-all"
-        onclick={() => {
-            // Clear the IndexedDB
-            clear_idb();
-
-            // Clear localStorage and sessionStorage
-            clear_local();
-            // clear_sess();
-
-            location.reload();
-        }}
-        title="A new version of the launcher is available. Click to reload the page and get the latest version."
-        >
-        <span class="fas fa-sync-alt fa-spin m-1"></span>
-        <span class="hidden sm:inline">New Events Module Version Available<br>Click to Reload</span>
-    </button>
-    $events_loc.ver=${$events_loc?.ver} $events_sess.ver=${$events_sess?.ver}
-{/if}
\ No newline at end of file