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(() => {
|
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>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue