From f2751cbaf91048f5bad95e2ee1ffb13d9bbbb626 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 1 May 2025 19:14:06 -0400
Subject: [PATCH] Minor wording and style changes

---
 src/routes/+layout.svelte | 8 ++++++--
 src/routes/+page.svelte   | 3 +++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e2f92aea..81395ced 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -754,7 +754,7 @@ $effect(() => {
 {:else if browser && $ae_loc?.cache_expired}
     <div class="flex flex-col items-center justify-center max-w-lg mx-auto space-y-6 border border-red-500 rounded-lg p-4 bg-orange-50 dark:bg-orange-900 m-8">
         <h1 class="text-4xl text-center font-bold text-red-500 dark:text-red-400">Expired Cache</h1>
-        <p class="text-lg text-center text-gray-800 dark:text-gray-200">The cache for this site has expired. Please reload the page.</p>
+        <p class="text-lg text-center text-gray-800 dark:text-gray-200">The cache for this site has expired. Please reload the page. You may need to sign in again.</p>
 
         <button
             type="button"
@@ -781,7 +781,7 @@ $effect(() => {
 
         <!-- This is mainly for IDAA using iframes in the Novi site. -->
         <div
-            class="text-center text-sm text-gray-500"
+            class="text-center text-sm text-gray-700 italic"
             class:hidden={!$ae_loc.iframe}
             >
             <p>If you have tried the "Clear Cache and Reload" button, you may need to manually reload the page using your browser's reload button or by pressing <kbd>Ctrl</kbd> + <kbd>R</kbd> or <kbd>Cmd</kbd> + <kbd>R</kbd>.</p>
@@ -792,6 +792,10 @@ $effect(() => {
             <div class="text-sm text-center text-gray-500 dark:text-gray-200">
                 <span class="">Expired:</span>
                 <span class=""> {Math.floor((Date.now() - $ae_loc.last_cache_refresh) / 60000)} minutes ago</span>
+
+                <span class="">
+                    (max age: {Math.floor(default_refresh_time / 60000)} minutes)
+                </span>
             </div>
             <div class="text-sm text-center text-gray-500 dark:text-gray-200">
                 <span class="">Last Refresh:</span>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 74eca9c9..180486d8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -84,6 +84,9 @@ onMount(() => {
         <button
             type="button"
             on:click={() => {
+                if (!confirm('Are you sure you want to clear IndexedDB databases, localStorage, and sessionStorage? This will also reload the page.')) {
+                    return;
+                }
                 // Clear Indexed DB
                 indexedDB.deleteDatabase('ae_archives_db'); // Archives module
                 indexedDB.deleteDatabase('ae_core_db');