diff --git a/src/pages/Kiosk.tsx b/src/pages/Kiosk.tsx index 20c8f2a..7636069 100644 --- a/src/pages/Kiosk.tsx +++ b/src/pages/Kiosk.tsx @@ -1,5 +1,5 @@ import { useCallback, useEffect, useState } from 'react' -import { Hotel, Home, LayoutGrid } from 'lucide-react' +import { Hotel, LayoutGrid } from 'lucide-react' import { AppIcon } from '../components/AppIcon' interface KioskApp { @@ -44,6 +44,18 @@ export function Kiosk() { return () => window.clearInterval(t) }, [refresh]) + // Kiosk screens ask to go home with a same-origin postMessage from their own + // header's Home button — the shell has no bar of its own. + useEffect(() => { + function onMessage(e: MessageEvent) { + if (e.origin !== window.location.origin || e.data?.type !== 'hnf:kiosk-home') return + setOpen(null) + refresh() + } + window.addEventListener('message', onMessage) + return () => window.removeEventListener('message', onMessage) + }, [refresh]) + async function login(e: React.FormEvent) { e.preventDefault() setBusy(true); setError('') @@ -98,20 +110,9 @@ export function Kiosk() { } if (open) { - return ( -
-
- - {open.name} -
-