From 45180104fe84e2d0b9d29be0f9f8a5e52d18e102 Mon Sep 17 00:00:00 2001 From: Adam <2363879+adamdotdevin@users.noreply.github.com> Date: Tue, 18 Nov 2025 15:17:50 -0600 Subject: fix(desktop): message animation --- packages/desktop/src/hooks/create-session-seen.ts | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 packages/desktop/src/hooks/create-session-seen.ts (limited to 'packages/desktop/src/hooks') 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 +} -- cgit v1.2.3