Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Error msg and label color fix #189

Conversation

Niranjan-Baur
Copy link

What does this PR do?

This PR fixes the Error message and label color in the Sign-Up and login page

Fixes #188

Before ---->

Screenshot (124)

After ---->

Screenshot (125)

Requirement/Documentation

  • No Documentation or Requirement

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • Chore (refactoring code, technical debt, workflow improvements)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How should this be tested?

  1. Go to the http://app.localhost:3000/signup or http://app.localhost:3000/signin
  2. Submit the form without filling it.
  3. You will see the error.

Mandatory Tasks

  • Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

Checklist

@github-actions github-actions bot added the bug Something isn't working label Oct 18, 2023
@github-actions
Copy link

Thank you for following the naming conventions! 🙏

@@ -93,7 +93,7 @@ const FormLabel = React.forwardRef<
return (
<Label
ref={ref}
className={cn(error && 'text-destructive', className)}
className={cn(error && 'text-destructive text-white', className)}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why'd you added text-white here

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

to change the color of the Label to white

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

but it would look transparent in the light mode

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes it's true.
Ok let me check and try to fix it.
Thanks for the information.

@@ -155,7 +155,7 @@ const FormMessage = React.forwardRef<
<p
ref={ref}
id={formMessageId}
className={cn('text-sm font-medium text-destructive', className)}
className={cn('text-sm font-medium text-destructive text-red-600', className)}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

and again why you added text-red-600 here

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

to change the color of the error msg to red

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we already have text-destructive class for all the error messages

@hemantwasthere
Copy link
Collaborator

Closing this PR as it doesn't seem to be providing any meaningful contributions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Login and Signup page error message and label doesn't look good in dark mode.
2 participants