Skip to content

Conversation

@bnussman-akamai
Copy link
Member

Description 📝

  • Uses our DebouncedSearchTextField on the Images landing page insted of a one-off TextField component 🔍

Preview 📷

Before After
Screenshot 2025-07-22 at 7 05 58 PM Screenshot 2025-07-22 at 7 06 03 PM

How to test 🧪

Prerequisites

  • Have an image on your account

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


  • I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

  • All tests and CI checks are passing
  • TypeScript compilation succeeded without errors
  • Code passes all linting rules

@bnussman-akamai bnussman-akamai self-assigned this Jul 22, 2025
@bnussman-akamai bnussman-akamai requested a review from a team as a code owner July 22, 2025 23:08
@bnussman-akamai bnussman-akamai requested review from coliu-akamai and hana-akamai and removed request for a team July 22, 2025 23:08
@bnussman-akamai bnussman-akamai changed the title use search field component chore: [M3-10368] - Use DebouncedSearchTextField on Images Landing Jul 22, 2025
@bnussman-akamai bnussman-akamai changed the title chore: [M3-10368] - Use DebouncedSearchTextField on Images Landing chore: [M3-10368] - Use DebouncedSearchTextField on Images Landing Jul 22, 2025
@bnussman-akamai bnussman-akamai added the Related Cypress Test Failure Test failure(s) are the result of changes in this PR and must be addressed before merging. label Jul 23, 2025
@bnussman-akamai bnussman-akamai requested a review from a team as a code owner July 23, 2025 14:30
@bnussman-akamai bnussman-akamai requested review from dmcintyr-akamai and removed request for a team July 23, 2025 14:30
Copy link
Member Author

@bnussman-akamai bnussman-akamai left a comment

Choose a reason for hiding this comment

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

Self review

Copy link
Member Author

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.

Comment on lines -370 to -374
history.push({
pathname: `/linodes/create/`,
search: `?type=Images&imageID=${imageId}`,
});
};
Copy link
Member Author

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,
Copy link
Member Author

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.

@bnussman-akamai bnussman-akamai removed the Related Cypress Test Failure Test failure(s) are the result of changes in this PR and must be addressed before merging. label Jul 23, 2025
Copy link
Contributor

@hana-akamai hana-akamai left a comment

Choose a reason for hiding this comment

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

No regressions noticed ✅

@hana-akamai hana-akamai added Images Relating to Images Add'tl Approval Needed Waiting on another approval! labels Jul 23, 2025
@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🎉 690 passing tests on test run #7 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
0 Failing690 Passing4 Skipped134m 9s

Copy link
Contributor

@coliu-akamai coliu-akamai left a 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!

@github-project-automation github-project-automation bot moved this from Review to Approved in Cloud Manager Jul 24, 2025
@coliu-akamai coliu-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Jul 24, 2025
@bnussman-akamai bnussman-akamai merged commit e388dfe into linode:develop Jul 24, 2025
35 checks passed
@github-project-automation github-project-automation bot moved this from Approved to Merged in Cloud Manager Jul 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Approved Multiple approvals and ready to merge! Images Relating to Images

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

5 participants