UTDNebula/platform

Basic Key Component

Closed this issue · 0 comments

LudoLogical commented

Story

As a developer, I want to be able to see, understand, and learn more about my Basic API Key.

Description

Create a React component, BasicKey, that appears as shown in the Figma file for Platform.

Acceptance Criteria

  1. The header's HoverableHint reveals the correct text.
  2. The key is displayed in a read-only fashion and has a functioning visibility toggle.
  3. The copy icon is clickable and functional.
  4. The component can also indicate that the basic key has been disabled if a flag is set.
  5. The "Regenerate" button opens a DialogBox with the appropriate contents.
  6. The quota text is present (it does not need to be dynamically generated).### Notes
    None