chore: rename HeaderV3 to Header

City-of-Helsinki · Dec 11, 2024 · e291a79 · e291a79
1 parent dc8d2ae
commit e291a79
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 20 deletions.
diff --git a/frontend/benefit/applicant/src/components/header/Header.tsx b/frontend/benefit/applicant/src/components/header/Header.tsx
@@ -6,7 +6,7 @@ import { Button, IconLock, IconSpeechbubbleText } from 'hds-react';
 import noop from 'lodash/noop';
 import { useRouter } from 'next/router';
 import * as React from 'react';
-import BaseHeader from 'shared/components/header/HeaderV3';
+import BaseHeader from 'shared/components/header/Header';
 import { getFullName } from 'shared/utils/application.utils';
 
 import Messenger from '../messenger/Messenger';

diff --git a/frontend/benefit/handler/src/components/header/Header.sc.ts b/frontend/benefit/handler/src/components/header/Header.sc.ts
@@ -1,4 +1,4 @@
-import BaseHeader from 'shared/components/header/HeaderV3';
+import BaseHeader from 'shared/components/header/Header';
 import { respondAbovePx } from 'shared/styles/mediaQueries';
 import styled from 'styled-components';
 

diff --git a/frontend/kesaseteli/employer/src/components/header/Header.tsx b/frontend/kesaseteli/employer/src/components/header/Header.tsx
@@ -4,7 +4,7 @@ import useUserQuery from 'kesaseteli/employer/hooks/backend/useUserQuery';
 import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
 import React from 'react';
-import BaseHeader from 'shared/components/header/HeaderV3';
+import BaseHeader from 'shared/components/header/Header';
 import { Language, SUPPORTED_LANGUAGES } from 'shared/i18n/i18n';
 import { OptionType } from 'shared/types/common';
 

diff --git a/frontend/kesaseteli/handler/src/components/header/Header.tsx b/frontend/kesaseteli/handler/src/components/header/Header.tsx
@@ -1,7 +1,7 @@
 import { IconMover } from 'hds-react';
 import { useTranslation } from 'next-i18next';
 import React from 'react';
-import BaseHeader from 'shared/components/header/HeaderV3';
+import BaseHeader from 'shared/components/header/Header';
 import useLocale from 'shared/hooks/useLocale';
 
 const Header: React.FC = () => {

diff --git a/frontend/kesaseteli/youth/src/components/header/Header.tsx b/frontend/kesaseteli/youth/src/components/header/Header.tsx
@@ -1,7 +1,7 @@
 import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
 import React from 'react';
-import BaseHeader from 'shared/components/header/HeaderV3';
+import BaseHeader from 'shared/components/header/Header';
 import { SUPPORTED_LANGUAGES } from 'shared/i18n/i18n';
 import { OptionType } from 'shared/types/common';
 

diff --git a/...shared/src/components/header/HeaderV3.tsx → ...d/shared/src/components/header/Header.tsx b/...shared/src/components/header/HeaderV3.tsx → ...d/shared/src/components/header/Header.tsx
@@ -45,7 +45,7 @@ export type HeaderProps = {
   customActiveItemFn?: (url: string) => boolean;
 };
 
-const HeaderV3: React.FC<HeaderProps> = ({
+const Header: React.FC<HeaderProps> = ({
   className,
   customActiveItemFn,
   customItems,
@@ -62,15 +62,8 @@ const HeaderV3: React.FC<HeaderProps> = ({
   title,
   titleUrl,
 }) => {
-  const {
-    closeMenu,
-    handleLogin,
-    handleLogout,
-    locale,
-    logoLang,
-    t,
-    toggleMenu,
-  } = useHeader(login);
+  const { closeMenu, handleLogin, handleLogout, logoLang, t, toggleMenu } =
+    useHeader(login);
 
   const goToPage = useGoToPage();
 
@@ -140,7 +133,6 @@ const HeaderV3: React.FC<HeaderProps> = ({
           onMenuClick={toggleMenu}
         >
           {customItems}
-
           {login && !login?.isAuthenticated && !hideLogin && (
             <Header.ActionBarButton
               id="sign-in"
@@ -151,6 +143,8 @@ const HeaderV3: React.FC<HeaderProps> = ({
             />
           )}
 
+          <div className="flex items-center space-x-4"></div>
+
           {login && login?.isAuthenticated && !hideLogin && (
             <Header.ActionBarItem
               id="sign-out"
@@ -196,4 +190,4 @@ const HeaderV3: React.FC<HeaderProps> = ({
   );
 };
 
-export default HeaderV3;
+export default Header;
diff --git a/frontend/shared/src/components/header/__tests__/Header.test.tsx b/frontend/shared/src/components/header/__tests__/Header.test.tsx
@@ -2,7 +2,7 @@ import { axe } from 'jest-axe';
 import React from 'react';
 import { render } from 'shared/__tests__/utils/test-utils';
 
-import Header from '../HeaderV3';
+import Header from '../Header';
 
 // "svg elements with an img role have an alternative text (svg-img-alt)"
 test.skip('test for accessibility violations', async () => {

diff --git a/frontend/shared/src/components/header/useHeader.ts b/frontend/shared/src/components/header/useHeader.ts
@@ -1,6 +1,6 @@
 import { TFunction, useTranslation } from 'next-i18next';
 import { useState } from 'react';
-import { HeaderProps } from 'shared/components/header/HeaderV3';
+import { HeaderProps } from 'shared/components/header/Header';
 import useLocale from 'shared/hooks/useLocale';
 import { Language } from 'shared/i18n/i18n';
 

diff --git a/frontend/tet/admin/src/components/header/Header.tsx b/frontend/tet/admin/src/components/header/Header.tsx
@@ -1,7 +1,7 @@
 import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
 import React from 'react';
-import BaseHeader from 'shared/components/header/HeaderV3';
+import BaseHeader from 'shared/components/header/Header';
 import { SUPPORTED_LANGUAGES } from 'shared/i18n/i18n';
 import { OptionType } from 'shared/types/common';
 import useLogin from 'tet/admin/hooks/backend/useLogin';