Story

As a user of RHDH, I want a global header that includes a logo, search functionality, and quick access to key features like creating resources or managing my profile so that I can navigate the application easily and perform actions efficiently.

Background

Currently, there is no global header in the RHDH app, which makes it difficult for users to navigate and perform common actions like searching for information, creating resources, or managing their profiles. Adding essential header components such as the logo, search, CreateDropdown, and ProfileDropdown will provide a consistent and streamlined navigation experience.

Dependencies and Blockers

1. Dependencies:
Collaboration with the dynamic-plugin team to establish mount points in Showcase for dynamic plugin integration.
2. Blockers:
Delayed delivery of dynamic mount points could impact testing and integration timelines.
QE impacted work

Documentation impacted work

Acceptance Criteria

• Implement all default components with mount points.
• Ensure components adhere to extension-friendly patterns where practical.
• Define URLs in the dynamic-plugin YAML for navigation
• Stretch goal: Supporting extension blueprints is an alpha API goal and should not delay implementation.

mountPoints:
  - mountPoint: header/component
    importName: Logo
    config:
      slot: start
      priority: 100

  - mountPoint: header/component
    importName: Search
    config:
      slot: start / end
      priority: 200

  - mountPoint: header/component
    importName: CreateDropdown
    config:
      slot: end
      priority: 100

  - mountPoint: header/component
    importName: HeaderButton
    config:
      slot: end
      priority: 200
      props:
        icon: Support
        tooltip: Support
        to: /support

  - mountPoint: header/component
    importName: HeaderButton
    config:
      slot: end
      priority: 300
      props:
        icon: notifications
        tooltip: Notifications
        to: /support

  - mountPoint: header/component
    importName: ApplicationsDropdown
    config:
      slot: end
      priority: 400

  - mountPoint: header/component
    importName: ProfileDropdown
    config:
      slot: end
      priority: 500

upstream documentation updates (design docs, release notes etc)

Technical enablement / Demo