Added custom PWA reloading - 10 minutes of idle or when moved to the background or when loading initially or manually with the new button in settings

2026-03-04 19:29:18 -06:00
parent 4ebd0b5f61
commit 6a963a32fd
6 changed files with 140 additions and 7 deletions
@@ -77,7 +77,7 @@ export const SettingsView: Component<{ setView?: (v: string) => void }> = (props
                </div>
            </header>

-            <div class="flex flex-col gap-12">
+            <div class="flex flex-col gap-12 mt-4">


                {/* Resources Category (Mostly for Mobile) */}
@@ -1086,6 +1086,23 @@ export const SettingsView: Component<{ setView?: (v: string) => void }> = (props
                    </div>
                </div>
            </div>
+
+            <footer class="pt-40 pb-20 flex flex-col items-center gap-4">
+                <Button
+                    variant="ghost"
+                    size="sm"
+                    class="h-8 gap-2 text-[0.625rem] font-bold uppercase tracking-widest text-muted-foreground hover:text-foreground opacity-30 hover:opacity-100 transition-opacity"
+                    onClick={async () => {
+                        const { forceServiceWorkerUpdate } = await import('@/components/PwaUpdater');
+                        forceServiceWorkerUpdate();
+                        toast.success("Checking for updates...");
+                    }}
+                >
+                    <Upload class="rotate-180" size={14} />
+                    Check for Updates
+                </Button>
+                <p class="text-[0.5rem] font-mono text-muted-foreground/30 uppercase tracking-[0.2em]">Tasgrid v1.0.0</p>
+            </footer>
        </div>
    );
 };