-
Notifications
You must be signed in to change notification settings - Fork 9
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
Tweak the search field based on design input #689
Conversation
Deployed to Cloudflare Pages
|
ae5cfb2
to
d95955e
Compare
src/app/components/Search/index.tsx
Outdated
if (hasProblem) { | ||
const timeout = setTimeout(() => { | ||
setItsTimeToAct(true) | ||
}, 500) |
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.
(I dont like this pattern much. I'd validate either instantly, or on submit)
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.
Actually we validate instantly in the sense that the search button is disabled right away; we just don't want to shove the error message to the face of the user. (Hopefully he will keep typing and won't even have to see it at all.)
0d2753f
to
c0255ea
Compare
c0255ea
to
198acab
Compare
198acab
to
19e243b
Compare
db6c885
to
86e06fb
Compare
86e06fb
to
2736a4c
Compare
Add animation when showing/hiding search suggestionsAdd animation when showing/hiding the error messageMove some if the customizations to a higher level, into a dedicated (styled) component or into the theme itself