feat(kiosk): Require manual confirmation for badge
- 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:
parent
284e972376
commit
969397bae1
1 changed files with 5 additions and 5 deletions
|
|
@ -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(() => {
|
||||
if (mode === 'success') {
|
||||
if (mode === 'success' && !successData?.badgeNumber) {
|
||||
const timer = setTimeout(resetToHome, 5000);
|
||||
return () => clearTimeout(timer);
|
||||
}
|
||||
}, [mode]);
|
||||
}, [mode, successData]);
|
||||
|
||||
return (
|
||||
<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">
|
||||
<button
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue