feat(kiosk): Require manual confirmation for badge
Some checks failed
Deploy to Production / deploy (push) Failing after 0s
Test / backend-test (push) Failing after 0s
Test / frontend-test (push) Failing after 0s

- Disabled auto-timeout on success screen when a badge is issued
- Updated 'Done' button to 'I have my badge' for clearer confirmation
This commit is contained in:
fullsizemalt 2025-12-11 15:00:41 -08:00
parent 284e972376
commit 969397bae1

View file

@ -138,13 +138,13 @@ export default function VisitorKioskPage() {
}); });
}; };
// Auto-reset success screen after 5 seconds // Auto-reset success screen after 5 seconds ONLY for check-out (no badge number)
useEffect(() => { useEffect(() => {
if (mode === 'success') { if (mode === 'success' && !successData?.badgeNumber) {
const timer = setTimeout(resetToHome, 5000); const timer = setTimeout(resetToHome, 5000);
return () => clearTimeout(timer); return () => clearTimeout(timer);
} }
}, [mode]); }, [mode, successData]);
return ( return (
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 flex flex-col"> <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 flex flex-col">
@ -430,9 +430,9 @@ export default function VisitorKioskPage() {
<div className="pt-8"> <div className="pt-8">
<button <button
onClick={resetToHome} onClick={resetToHome}
className="bg-slate-700 hover:bg-slate-600 text-white px-8 py-3 rounded-xl transition-colors" className="bg-emerald-600 hover:bg-emerald-700 text-white font-bold text-lg px-8 py-4 rounded-xl transition-colors shadow-lg hover:shadow-emerald-500/20"
> >
Done I have my badge
</button> </button>
</div> </div>
</div> </div>