oxidecomputer / oxidecomputer/console

`instance-create.tsx`: button inconsistency

Open Beginner friendly
#3,190 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
228
Forks
22
Avg merge
19h 42m
Merged PRs (30d)
32

Description

I was using the instance-create.tsx form to create an instance when I noticed the buttons for disks, SSH keys, and floating IPs are all inconsistent with one another. We should consider making all these buttons consistent so it's clear they can be clicked to perform the desired action. I would suggest making them all use the primary variant, but perhaps that would conflict with the "Create instance" button that's on the bottom of the entire form. Either way, I think some consistency would be good here.

Reference

The disks section uses two buttons, the variants are primary and secondary.

Image

The SSH keys section uses a single button with the ghost variant.

Image

The floating IPs section uses a single button with the secondary variant.

Image

This is just close enough visually to a disabled button, which confused me for a bit because I thought I couldn't click the button even though I had valid floating IPs available.

Image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in instance-create.tsx and compare the buttons in the disks, SSH keys, and floating IPs sections, including their primary, secondary, and ghost variants. Choose a consistent treatment that remains distinct from the form's Create instance button and does not resemble a disabled control. Done means the three sections use a clear, consistent button style.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.