Skip to content

Updated badges with integrated transitional spinners #2742

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

Open
wants to merge 12 commits into
base: main
Choose a base branch
from

Conversation

benjaminleonard
Copy link
Contributor

CleanShot 2025-03-04 at 15 49 52

Copy link

vercel bot commented Mar 4, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
console ✅ Ready (Inspect) Visit Preview Apr 2, 2025 9:50am

@benjaminleonard
Copy link
Contributor Author

This no longer has the tooltip for when the page auto updates, but I think if we re-add it should be added to the auto-refresh menu instead.

@david-crespo
Copy link
Collaborator

Looks great. I kinda miss the tooltip on the badge. It's moving, it demands to be hovered on. I'm like a dog seeing a squirrel.

I forgot about this one, which is still there:

image

@benjaminleonard
Copy link
Contributor Author

Looks great. I kinda miss the tooltip on the badge. It's moving, it demands to be hovered on. I'm like a dog seeing a squirrel.

I was thinking we'd switch to the dropdown auto refresh. Maybe we can put it in the dropdown so if anyone ever clicks it open because they are curious about the frequency of the refresh it's displayed there.

@benjaminleonard
Copy link
Contributor Author

Whilst I'm im there – handling disk and snapshot states.

CleanShot 2025-03-06 at 11 40 14

importing_from_url, import_ready and importing_from_bulk_writes are pretty goofy. Is it worth stripping out the _ characters.

image

@benjaminleonard benjaminleonard changed the title Updated instance badges with integrated transitional spinners Updated badges with integrated transitional spinners Mar 6, 2025
@benjaminleonard benjaminleonard marked this pull request as ready for review March 6, 2025 12:31
await expect(page.getByRole('option', { name: 'disk-0001' })).toBeVisible()
await expect(page.getByRole('option', { name: 'disk-0002' })).toBeVisible()
await expect(page.getByRole('option', { name: 'disk-1000' })).toBeVisible()
await expect(page.getByRole('option', { name: 'disk-0005' })).toBeVisible()
Copy link
Contributor Author

Choose a reason for hiding this comment

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

After seeding the disks with a mix of states, not all of the previous items were visible. Now the random numbers are deterministic, and so the same disks should be available each time – the only way I can see this breaking is if we fiddle with the Rando numbers.

@charliepark
Copy link
Contributor

importing_from_url, import_ready and importing_from_bulk_writes are pretty goofy. Is it worth stripping out the _ characters.

Personal preference is that they look better without the underscores, and since we're already upper-casing them, I don't (personally) see them and think "these are exact maps to API responses", though I don't have a strong feeling on it.

@david-crespo
Copy link
Collaborator

Definitely kill the underscores. I'm not sure all of those should get spinners — they're not all transitional in the sense of intended to be temporary and automatically moved to another state like with the instance states. A disk can be in importing from bulk writes forever.

@benjaminleonard
Copy link
Contributor Author

This is ready for review – I think switching from a refresh button to an interval picker is best done in a follow up PR. It requires some changes to the interval picker component.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants