From 93a7eefb77e556883959f8744bf263eb08c79e9e Mon Sep 17 00:00:00 2001 From: Yevhen Martynenko Date: Thu, 10 Oct 2024 11:41:29 +0300 Subject: [PATCH 1/2] *feat AppHeader aside content --- ..._minimal_App_Header_With_Aside_Content.png | Bin 0 -> 8419 bytes ...er_Without_Menu_And_With_Aside_Content.png | Bin 0 -> 8946 bytes packages/ui/__stories__/AppHeader.stories.tsx | 47 ++++++++++++++++++ .../ui/src/AppHeader/AppHeader.module.scss | 3 ++ packages/ui/src/AppHeader/AppHeader.tsx | 7 ++- .../AppHeaderMenu/AppHeaderMenu.module.scss | 9 ++++ .../AppHeader/AppHeaderMenu/AppHeaderMenu.tsx | 8 +-- 7 files changed, 70 insertions(+), 4 deletions(-) create mode 100644 packages/ui/.loki/reference/chrome_minimal_App_Header_With_Aside_Content.png create mode 100644 packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu_And_With_Aside_Content.png diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Aside_Content.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Aside_Content.png new file mode 100644 index 0000000000000000000000000000000000000000..fcedc9bb56208dbcc2cd5d96b79bc947acad353f GIT binary patch literal 8419 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 literal 0 HcmV?d00001 diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu_And_With_Aside_Content.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu_And_With_Aside_Content.png new file mode 100644 index 0000000000000000000000000000000000000000..96a420fdef82d21239281bae35f8127607ed41fe GIT binary patch literal 8946 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 kU;qE;toXla^LWC?Y1tj+nRiM+_N@REWL0G { /> ) } + +export const WithoutMenuAndWithAsideContent = () => { + const [cluster, setCluster] = useState(null) + + return ( + {children}, + }} + asideContent={} + menuContent={() => ( + <> + + + )} + /> + ) +} + +export const WithAsideContent = () => { + const [cluster, setCluster] = useState(null) + + return ( + Link} + logoProps={{ + LinkComponent: ({ children, className }) => {children}, + }} + /> + ) +} diff --git a/packages/ui/src/AppHeader/AppHeader.module.scss b/packages/ui/src/AppHeader/AppHeader.module.scss index 1f66d7d8..095c03e5 100644 --- a/packages/ui/src/AppHeader/AppHeader.module.scss +++ b/packages/ui/src/AppHeader/AppHeader.module.scss @@ -22,5 +22,8 @@ } .aside { + display: flex; + align-items: center; margin-left: auto; + gap: c.$grid * 4; } diff --git a/packages/ui/src/AppHeader/AppHeader.tsx b/packages/ui/src/AppHeader/AppHeader.tsx index db2ec51a..726f0b86 100644 --- a/packages/ui/src/AppHeader/AppHeader.tsx +++ b/packages/ui/src/AppHeader/AppHeader.tsx @@ -13,6 +13,7 @@ export interface AppHeaderProps extends DataTestProp { name: ReactNode className?: string children?: ReactNode + asideContent?: ReactNode environment?: 'production' logoProps: AppHeaderLogoProps clusterSelectProps?: SelectClusterProps @@ -27,6 +28,7 @@ export const AppHeader = ({ clusterSelectProps, logoProps, menuContent, + asideContent, 'data-test': dataTest = 'app-header', }: AppHeaderProps) => (
@@ -35,6 +37,9 @@ export const AppHeader = ({ {clusterSelectProps && } {children} {environment && } -
{menuContent && {menuContent}}
+
+ {asideContent} + {menuContent && {menuContent}} +
) diff --git a/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss b/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss index dcd94274..345d4171 100644 --- a/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +++ b/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss @@ -1,5 +1,14 @@ @use '../../../styles/constants' as c; +.root { + display: flex; + align-items: center; +} + +.separator { + border-left: 1px solid c.$colorNeutralLight; +} + .content { padding: c.$grid * 2; color: c.$colorNeutralLighter; diff --git a/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx b/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx index b91d7259..819ecd60 100644 --- a/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx +++ b/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx @@ -1,5 +1,6 @@ import React, { ReactNode, useState } from 'react' import { Menu as MenuIcon } from 'react-feather' +import cn from 'classnames' import { Button } from '../../Button' import { Popover } from '../../Popover' @@ -8,15 +9,16 @@ import { useOpenCloseState } from '../../hooks' import styles from './AppHeaderMenu.module.scss' export interface AppHeaderMenuProps { + separator?: boolean children: (props: { onClose: () => void }) => ReactNode } -export const AppHeaderMenu = ({ children }: AppHeaderMenuProps) => { +export const AppHeaderMenu = ({ separator, children }: AppHeaderMenuProps) => { const [anchorElement, setAnchorElement] = useState() const { isOpen, toggle, close } = useOpenCloseState() return ( - <> +
) } From cef55e39b8296d77b9da1d40c7f9c5b4c79d8c1f Mon Sep 17 00:00:00 2001 From: Yevhen Martynenko Date: Thu, 10 Oct 2024 13:38:37 +0300 Subject: [PATCH 2/2] *feat AppHeader aside content --- ..._minimal_App_Header_With_Aside_Content.png | Bin 8419 -> 8946 bytes ...er_Without_Menu_And_With_Aside_Content.png | Bin 8946 -> 8419 bytes packages/ui/__stories__/AppHeader.stories.tsx | 14 +++++++------- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Aside_Content.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Aside_Content.png index fcedc9bb56208dbcc2cd5d96b79bc947acad353f..96a420fdef82d21239281bae35f8127607ed41fe 100644 GIT binary patch literal 8946 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 diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu_And_With_Aside_Content.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu_And_With_Aside_Content.png index 96a420fdef82d21239281bae35f8127607ed41fe..fcedc9bb56208dbcc2cd5d96b79bc947acad353f 100644 GIT binary patch literal 8419 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 literal 8946 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 kU;qE;toXla^LWC?Y1tj+nRiM+_N@REWL0G { LinkComponent: ({ children, className }) => {children}, }} asideContent={} - menuContent={() => ( - <> - - - )} /> ) } @@ -162,6 +155,13 @@ export const WithAsideContent = () => { logoProps={{ LinkComponent: ({ children, className }) => {children}, }} + menuContent={() => ( + <> + + + )} /> ) }