[Good first issue]: Disable login submit until email looks valid

[FrankezeCode]

Summary

The “Send login code” button can be clicked with an empty or invalid email. Disable it until the email field contains @.

What should change?

• In src/app/login/page.tsx, derive emailValid from input
• Disable submit button when email is empty or missing @
• Optional: subtle helper text (“Enter a valid email”)

Acceptance criteria

Button disabled for empty/invalid email
Button enables when email contains @
No API call on disabled submit

Checklist of done conditions:

• Disabled state wired to button
• Valid email enables submit
• Code step unchanged
• Keyboard submit still respects disabled state

How to test

1. Open /login
2. Confirm button disabled initially
3. Type test → still disabled
4. Type test@example.com → enabled
5. Submit works

[MsadafK]

Hi @FrankezeCode, I would like to work on this issue! Please assign it to me.

[FrankezeCode]

Hi @FrankezeCode, I would like to work on this issue! Please assign it to me.

Thanks @MsadafK it's all yours --

Please fork BetterDevOrg/protocol, branch from main, and open a PR when ready. See CONTRIBUTING.md.

Once your PR is merged, we’ll give you a shoutout on our social channels, and we’re documenting contributor participation for future proof-of-participation recognition on BetterDev.

Looking forward to your PR!

[MsadafK]

Hi @FrankezeCode, I have submitted the Pull Request for this issue: #47
Please review it when you get a chance!