diff --git a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap index c5f2b22e08..2e7d84aaa6 100644 --- a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap +++ b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap @@ -89,6 +89,7 @@ exports[`Default render 1`] = ` ] } onChangeLevel1Id={[Function]} + openMore={true} rightMenu={ } + setOpenMore={[Function]} theme="light" /> diff --git a/src/shared/components/Header/index.jsx b/src/shared/components/Header/index.jsx index 26afbfc7e7..938f5bd7ac 100644 --- a/src/shared/components/Header/index.jsx +++ b/src/shared/components/Header/index.jsx @@ -18,11 +18,20 @@ try { const Header = ({ profile }) => { const [activeLevel1Id, setActiveLevel1Id] = useState(); + const [openMore, setOpenMore] = useState(true); const handleChangeLevel1Id = (menuId) => { setActiveLevel1Id(menuId); }; + const handleCloseOpenMore = () => { + setOpenMore(false); + }; + + const handleChangeOpenMore = (changedOpenMore) => { + setOpenMore(changedOpenMore); + }; + const handleSwitchMenu = () => { setActiveLevel1Id(config.HEADER_MENU[0].id); }; @@ -48,6 +57,7 @@ const Header = ({ profile }) => { accountMenu={config.ACCOUNT_MENU} switchText={config.ACCOUNT_MENU_SWITCH_TEXT} onSwitch={handleSwitchMenu} + onMenuOpen={handleCloseOpenMore} showNotification={false} profile={normalizedProfile} authURLs={config.HEADER_AUTH_URLS} @@ -57,6 +67,8 @@ const Header = ({ profile }) => { theme={config.HEADER_MENU_THEME} currentLevel1Id={activeLevel1Id} onChangeLevel1Id={handleChangeLevel1Id} + openMore={openMore} + setOpenMore={handleChangeOpenMore} /> );