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

feat: [M3-7829] - Linode Clone UI refinements #10280

Merged
merged 4 commits into from
Mar 14, 2024

Conversation

hana-akamai
Copy link
Contributor

@hana-akamai hana-akamai commented Mar 13, 2024

Description 📝

Address refinements identified during the review process for Clone UI changes

Changes 🔄

  • Don't need to make a request for every Linode in the Table view since we already have the data
    • No more jumpy loading spinners
  • Added "No results" state for mobile card view

Preview 📷

Before After
image image
Screen.Recording.2024-03-13.at.4.42.08.PM.mov
Screen.Recording.2024-03-13.at.4.47.44.PM.mov

How to test 🧪

Verification steps

(How to verify changes)

  • Go to the Clone Linode page and observe that a network request is not made for each Linode in the table view
  • On mobile view, search for a Linode that does not exist. You should see "No results" text

As an Author I have considered 🤔

Check all that apply

  • 👀 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

@hana-akamai hana-akamai marked this pull request as ready for review March 13, 2024 20:57
@hana-akamai hana-akamai requested a review from a team as a code owner March 13, 2024 20:57
@hana-akamai hana-akamai requested review from bnussman-akamai and abailly-akamai and removed request for a team March 13, 2024 20:57
Comment on lines -89 to -97
if (linodeLoading || !linode) {
return (
<TableRow>
<TableCell colSpan={numCols}>
<CircleProgress mini />
</TableCell>
</TableRow>
);
}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This component doesn't need to manage it's own loading/error states anymore now that we're not fetching each individual Linode

linodeId={linode.id}
linode={linode}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Just pass in the Linode instead of refetching it again in the component

@hana-akamai hana-akamai added the Add'tl Approval Needed Waiting on another approval! label Mar 14, 2024
Copy link
Contributor

@abailly-akamai abailly-akamai left a comment

Choose a reason for hiding this comment

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

Looks good! 🚢

@mjac0bs mjac0bs added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Mar 14, 2024
@hana-akamai hana-akamai merged commit 09d8402 into linode:develop Mar 14, 2024
18 checks passed
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!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants