Replace EMAIL_NOT_VERIFIED error with rich verification card

Featurekamo-login
Shipped
April 18, 2026 at 6:55 PM UTC
Author
Kamo
Commit
4684911

When login fails with EMAIL_NOT_VERIFIED the login card is now replaced by a polished "Check your inbox" screen: animated envelope SVG with opening flap and floating sparkles, masked email display, resend-email button with a 30-second SVG countdown ring, success/error/rate-limit feedback alerts, and a "Back to sign in" link. All transitions use AnimatePresence with scale+fade. - app/api/login/route.ts: pass all backend error fields (not just message) so userId reaches the client - **************** new proxy to SecurityService **************** - app/page.tsx: EmailVerifyCard component, emailVerifyState / resendLoading / resendCooldown / resendStatus state, resendVerification callback, 30-second cooldown useEffect, EMAIL_NOT_VERIFIED detection in performLogin

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing