Skip to content

Add smooth toggle animation between login/register 🔄 #326

Description

@anoopcodehack

Add smooth toggle animation between login/register 🔄

File: client/src/pages/Login.jsx

Clicking "No account? Register" just
instantly swaps the form 💀 jarring fr!!

Fix: wrap form in transition:

// add fade effect with opacity:
const [fade, setFade] = useState(true)

const handleToggle = () => {
setFade(false)
setTimeout(() => {
setIsRegister(v => !v)
setFade(true)
}, 150)
}

...form content...

~8 lines! No backend needed 🎯
Feels way more polished!! ✨

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions