-
Notifications
You must be signed in to change notification settings - Fork 390
chore: [M3-10368] - Use DebouncedSearchTextField on Images Landing
#12555
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
chore: [M3-10368] - Use DebouncedSearchTextField on Images Landing
#12555
Conversation
DebouncedSearchTextField on Images Landing
DebouncedSearchTextField on Images LandingDebouncedSearchTextField on Images Landing
…a classic Text field
bnussman-akamai
left a comment
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.
Self review
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.
While I was here, I updated the unit tests to not mock as much and to use other best practices.
| history.push({ | ||
| pathname: `/linodes/create/`, | ||
| search: `?type=Images&imageID=${imageId}`, | ||
| }); | ||
| }; |
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 replacted this react-router-dom call with a TanStack router call. This is safe to do now because Linodes now use TanStack router
| rerender: (ui) => utils.rerender(wrapWithTheme(ui, options)), | ||
| rerender: (ui: React.ReactNode) => | ||
| utils.rerender(wrapWithTheme(ui, { ...options, router })), | ||
| router, |
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.
Allows us to make assertions based on the router's state.
hana-akamai
left a comment
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.
No regressions noticed ✅
Cloud Manager UI test results🎉 690 passing tests on test run #7 ↗︎
|
coliu-akamai
left a comment
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.
✅ search and debounce
thanks @bnussman-akamai!
Description 📝
DebouncedSearchTextFieldon the Images landing page insted of a one-offTextFieldcomponent 🔍Preview 📷
How to test 🧪
Prerequisites
Verification steps
Author Checklists
As an Author, to speed up the review process, I considered 🤔
👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support
As an Author, before moving this PR from Draft to Open, I confirmed ✅