{}Story Description

Implement support for displaying a Company Logo in the Global Header via configuration.

Develop a reusable CompanyLogo component with the following display constraints:

• The logo must not exceed a maximum width of 150px or maximum height of 40px.
• The logo size must not be increased or distorted.
• The logo must retain its original proportions—no shrinking or stretching.
• The component's layout position must remain consistent—do not move it from the defined mount point.
• Accept Props such as logo , to . 

Logo Source Preference

The component should load the logo using the following fallback priority:

1. Logo provided in the Global Header config (props.logo)
2. Logo provided via app.branding.fullLogo
3. Default RHDH image

Example Configuration

    - mountPoint: global.header/component
                importName: CompanyLogo
                config:
                  priority: 200
                  props:
                    logo: 'xxxxx'
              
                    to: '/'

Positioning Support

To correctly render the Company Logo in the intended layout, the Global Header plugin must support a new positioning option in its configuration: position: above-sidebar.

By default, the Global Header is mounted with:

red-hat-developer-hub.backstage-plugin-global-header:
  mountPoints:
    - mountPoint: application/header
      importName: GlobalHeader
      config:
        # Default:
        # position: above-main-content
        # Updated for header logo:
        position: above-sidebar

 

Acceptance Criteria

1. Users can configure a Company Logo in the Global Header via mount point configuration.
2. The Company Logo must be loaded based on the following priority order:
   • props.logo from the Global Header config
   • app.branding.fullLogo
   • Default RHDH image
3. Clicking the Company Logo should redirect to the path defined in the props.to configuration.
4. The position of the logo in the Global Header should be determined by the priority field in the configuration.
5. The Global Header plugin’s position configuration (must be set to above-sidebar to ensure the logo displays in the intended layout).
6. E2E tests must be added or updated to validate:
   • Logo rendering with different source fallbacks
   • Click behavior
   • Correct layout positioning based on priority and position