Skip to content

[Bug]: Validation & UI Issues on Login and SignUp Pages #33

@nur-hasin

Description

@nur-hasin

Describe the Problem

Multiple UI and validation issues exist on the Login and SignUp pages:

  1. Missing error message: Submitting the form without entering a password shows no validation error message, unlike Username and Email fields which correctly display errors
  2. Duplicate password eye icon: When typing in the password field, eye icons appear side by side instead of one
  3. Login button misalignment: The Login button appears on the same line as the "Forgot Password?" link instead of being on a separate line below it

Expected Behavior

  1. Password field should display a validation error message (e.g. "Please enter a Password") when submitted empty, consistent with other fields
  2. Only one eye icon should appear in the password field at all times
  3. The Login button should appear on its own line below the "Forgot Password?" link

Current State

  1. No error message appears below the password field on empty form submission
  2. Two eye icons appear side by side when typing in the password field
  3. "Forgot Password?" and Login button render on the same line

Screenshots:

Image Image Image Image

Proposed Solution

  1. Add password field validation with an error message matching the existing Username/Email validation pattern
  2. Remove the duplicate eye icon - keep only one toggle icon in the password field
  3. Fix the layout so the Login button renders below the "Forgot Password?" link using proper block/flex styling

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions