Skip to content

Refactor header component #953

@doppleware

Description

@doppleware

Environment selection in scoped view:

  1. Show the number of issues indicator based on criticality next to env in the scoped view. Use the criticality thresholds in the UI for red/orange/blue
    a. If there are critical issues (red) show the number of critical issues in the critical issues color next to the env name
    a. If there are no red but there are orange issues (orange) show the number of orange issues next to the env name
    a. If there are no red and orange but there are blue issues show the number of blue issues next to the env name

https://www.figma.com/design/MxA95ZHK5NqGX4ptFQljRJ/%E2%AD%90-Design-System-3.0?node-id=10871-25176&t=GvzfP9jHwKggEJXx-4

  1. Don't show env when there is no data for that env for that asset
  2. Change environment carousel behavior (see prototype)

Header component in Home view

  1. Move sort component in the Home scope to the top bar. Change behavior when not enough size to display the criticality shortcut buttons

https://www.figma.com/design/MxA95ZHK5NqGX4ptFQljRJ/%E2%AD%90-Design-System-3.0?node-id=10928-102481&t=GvzfP9jHwKggEJXx-4

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions