diff --git a/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts index 34cede2f..0dfb32ac 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts @@ -29,13 +29,6 @@ test.describe('Header', () => { await expect(header.getByAltText('Language Icon')).toBeVisible(); - await expect(header.getByText('John Doe')).toBeVisible(); - await expect( - header.getByRole('img', { - name: 'profile picture', - }), - ).toBeVisible(); - await expect( header.getByRole('button', { name: 'Les services de La Suite numérique', diff --git a/src/frontend/apps/impress/src/features/header/Header.tsx b/src/frontend/apps/impress/src/features/header/Header.tsx index 91497279..8b79e634 100644 --- a/src/frontend/apps/impress/src/features/header/Header.tsx +++ b/src/frontend/apps/impress/src/features/header/Header.tsx @@ -11,7 +11,6 @@ import { LanguagePicker } from '../language/'; import { LaGaufre } from './LaGaufre'; import { default as IconImpress } from './assets/icon-impress.svg?url'; -import IconMyAccount from './assets/icon-my-account.png'; export const HEADER_HEIGHT = '100px'; @@ -23,78 +22,48 @@ const RedStripe = styled.div` top: 0; `; -const StyledHeader = styled.header` - display: flex; - flex-direction: column; - justify-content: center; - height: ${HEADER_HEIGHT}; - width: 100%; - background: white; - box-shadow: 0 1px 4px #00000040; - z-index: 100; -`; - export const Header = () => { const { t } = useTranslation(); return ( - + + + {t('Marianne + - - {t('Marianne - - {t('Freedom - - - {t('Impress - - {t('Impress')} - - - - - - button { - padding: 0; - } - `} - $gap="5rem" - $justify="flex-end" - $direction="row" - > - - - - - - - John Doe + + {t('Freedom + + + {t('Impress + + {t('Impress')} - {t(`Profile - - + + + + + - + ); };