-
-
Notifications
You must be signed in to change notification settings - Fork 3.9k
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's great having you contribute to this project
Welcome to the community 🤓If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.
Reviewpad Report ℹ️ Messages
|
remove results if under 3 characters
{!threeOrMore && ( | ||
<h2 className="bg-yellow-200 text-yellow-600 border-2 border-yellow-600 p-5 my-5 text-xl"> | ||
You have to enter at least 3 characters to search for a user. | ||
</h2> | ||
)} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is something we should discuss if this is more suitable as the text in the search box
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we could also move the alert to a separate component in another PR, maybe it accepts a type of alert (info, warning, error)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great 👍 thanks Tom!
Updated:
user not found under the search bar.
Old:
![image](https://user-images.githubusercontent.com/30869493/201115562-0eebb113-9a4a-4ae7-b045-26cab46d7bcf.png)
This change prevents that the search bar is jumping on the page when the error message appears
Further added a warning message if the search string is less than 3 characters
![image](https://user-images.githubusercontent.com/30869493/201122368-4bb5c06a-29c0-4b88-9dcd-3dcb51c85a67.png)
Remove the results list if the search string is less than 3 characters