Skip to content

Auth device list component#36235

Merged
bl-nero merged 4 commits intomasterfrom
bl-nero/auth-devices
Jan 4, 2024
Merged

Auth device list component#36235
bl-nero merged 4 commits intomasterfrom
bl-nero/auth-devices

Conversation

@bl-nero
Copy link
Copy Markdown
Contributor

@bl-nero bl-nero commented Jan 3, 2024

Introduces new device list components that will be used on the new account settings screen.

Figma design

Screenshot from the story:
Screenshot 2024-01-03 at 17 06 46

Closes #36230

@bl-nero bl-nero added the no-changelog Indicates that a PR does not require a changelog entry label Jan 3, 2024
@github-actions github-actions Bot requested review from avatus and rudream January 3, 2024 16:08
{icon}
</Box>
<Box flex="1">
<Text typography="h4">{title}</Text>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Why h4?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

It was the closest match that I found to the designs. And this being a header, seems to fit the purpose. What's your suggestion?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

(Actually, to clarify: the design, if you inspect the typography info, calls for "Ubuntu/H2" typography, but the font size corresponds to our h4, so I decided to use that one.)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

In the future I suggest we don't choose an element based on what font size we get by default, and instead choose the most semantically correct element and use CSS to get the desired font size.

Having an h4 that doesn't fall under an h3 is semantically incorrect and not good for accessibility.

@public-teleport-github-review-bot public-teleport-github-review-bot Bot removed the request for review from avatus January 4, 2024 12:02
@bl-nero bl-nero added this pull request to the merge queue Jan 4, 2024
Merged via the queue into master with commit 19adbba Jan 4, 2024
@bl-nero bl-nero deleted the bl-nero/auth-devices branch January 4, 2024 13:52
Envek added a commit to Envek/teleport that referenced this pull request Jan 4, 2024
…se-anon-key

* origin/master: (344 commits)
  Undelete CreateHostUserMode_HOST_USER_MODE_DROP (gravitational#36273)
  allow cwd to be changed in difftest (gravitational#35946)
  Auth device list component (gravitational#36235)
  make unified resources responsive (gravitational#35961)
  Support running Teleport in a "hot reload" mode (gravitational#35040)
  Prevent deleting enum values, allow deleting enum reservations in types.proto (gravitational#36248)
  Remove support for legacy (Amazon Linux 2) AMIs (gravitational#36153)
  Bump version(s) used for teleport-lab and teleport-quickstart (gravitational#36167)
  Allow Reconciler update handler to examine old value during update (gravitational#36171)
  Validate the user still exists during account reset (gravitational#35676)
  ButtonTextWithAddIcon shared component (gravitational#36103)
  Refactor hostname resolution for SSH connections via the WebUI (gravitational#35773)
  add structuredClone to jest JSDOMEnvironment (gravitational#36213)
  fix flaky `lib/auth` cache-enabled tests (gravitational#36216)
  Report resource usage counts by handling heartbeat events (gravitational#35968)
  Reviewer bot should use the stable version of Go (gravitational#36242)
  RFD 0153 Resource Guidelines (gravitational#34103)
  Use cmp and cmpots properly in operator tests (gravitational#36215)
  Relax Kubernetes CRD discovery when building cache (gravitational#36214)
  Add Access List messages to TAG protobuf (gravitational#36176)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

no-changelog Indicates that a PR does not require a changelog entry size/md ui

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI components for account settings sections

3 participants