Skip to content

Add emojis to the login page - #3

Draft
kc-beard wants to merge 1 commit into
masterfrom
kc-beard/login-page-emojis
Draft

Add emojis to the login page#3
kc-beard wants to merge 1 commit into
masterfrom
kc-beard/login-page-emojis

Conversation

@kc-beard

Copy link
Copy Markdown

Summary

Adds emojis to the login page:

  • 🍜 next to the umami heading
  • 👤 on the Username field label
  • 🔒 on the Password field label
  • 🚀 on the Login submit button

Emojis are composed inline in LoginForm.tsx rather than baked into the translation message catalogs, so all existing localized strings are untouched and every locale picks up the emojis automatically.

Verification

Ran the app locally (pnpm dev against a local Postgres with migrations applied) and exercised the real login flow in a browser:

  • GET /login200; page renders with all four emojis visible (heading, both field labels, submit button).
  • Filled in credentials and submitted the form → redirected to http://localhost:3000/websites with the authenticated dashboard rendered. Login behavior is unchanged.
  • Label/input association verified intact after the change: <label for="_r_0_">👤 Username</label> and <label for="_r_6_">🔒 Password</label>.
  • biome check src/app/login/LoginForm.tsx → clean.
  • tsc --noEmit → no errors for the changed file.

Note: data-test hooks (input-username, input-password, button-submit) used by tests/e2e/login.spec.ts are unchanged, so the e2e selectors still resolve.

🤖 Generated with Claude Code
🌒 Run on Niteshift: View Task

Adds a noodle bowl emoji to the umami heading, person/lock emojis to the
username and password field labels, and a rocket emoji to the login button.

Run-on: Niteshift Local Dev

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant