diff options
Diffstat (limited to 'packages/desktop/src/hooks/create-session-seen.ts')
| -rw-r--r-- | packages/desktop/src/hooks/create-session-seen.ts | 20 |
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 +} |
