feat(ui): pageheader custom logo

[barsukov]

feat(ui): Pageheader custom logo
This is a duplication of PR #358 that we decided to close during the merge problems.

Allow users to pass a custom logo component to the PageHeader and render it.

Changes Made

• use grid layout in header instead of flexbox as it gives us better control to make sure the logo is scaled correctly while keeping its original aspect ratio
• add a logo prop that accepts a component to render in a slot
• render the default Juno logo if true or undefined
• do not render any logo at all if false or null

Related Issues

• [Feature](ui): PageHeader - Allow custom brand logo in #169

Screenshots (if applicable)

Testing Instructions

1. npm i
2. npm run test / npm run test PageHeader

Checklist

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.
• I have made corresponding changes to the documentation (if applicable).
• My changes generate no new warnings or errors.

[changeset-bot]

🦋 Changeset detected

Latest commit: e5b9c59

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@cloudoperators/juno-ui-components	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

PR Preview Action v1.4.8
Preview removed because the pull request was closed.
2024-09-19 09:07 UTC