summaryrefslogtreecommitdiffhomepage
path: root/packages/desktop/src/hooks/create-session-seen.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/desktop/src/hooks/create-session-seen.ts')
-rw-r--r--packages/desktop/src/hooks/create-session-seen.ts20
1 files changed, 20 insertions, 0 deletions
diff --git a/packages/desktop/src/hooks/create-session-seen.ts b/packages/desktop/src/hooks/create-session-seen.ts
new file mode 100644
index 000000000..c051ed262
--- /dev/null
+++ b/packages/desktop/src/hooks/create-session-seen.ts
@@ -0,0 +1,20 @@
+import { createSignal, onCleanup, onMount } from "solid-js"
+import { isServer } from "solid-js/web"
+
+export function createSessionSeen(key: string, delay = 1000) {
+ // 1. Initialize state based on storage (default to true on server to avoid flash)
+ const storageKey = `app:seen:${key}`
+ const [hasSeen] = createSignal(!isServer && sessionStorage.getItem(storageKey) === "true")
+
+ onMount(() => {
+ // 2. If we haven't seen it, mark it as seen for NEXT time
+ if (!hasSeen()) {
+ const timer = setTimeout(() => {
+ sessionStorage.setItem(storageKey, "true")
+ }, delay)
+ onCleanup(() => clearTimeout(timer))
+ }
+ })
+
+ return hasSeen
+}