diff --git a/src/frontend/apps/impress/src/assets/icons/icon-devise.svg b/src/frontend/apps/impress/src/assets/icons/icon-devise.svg new file mode 100644 index 00000000..5834b975 --- /dev/null +++ b/src/frontend/apps/impress/src/assets/icons/icon-devise.svg @@ -0,0 +1,20 @@ + + + + + diff --git a/src/frontend/apps/impress/src/assets/icons/icon-gouv.svg b/src/frontend/apps/impress/src/assets/icons/icon-gouv.svg deleted file mode 100644 index 5cce8b51..00000000 --- a/src/frontend/apps/impress/src/assets/icons/icon-gouv.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - diff --git a/src/frontend/apps/impress/src/components/LogoGouv.tsx b/src/frontend/apps/impress/src/components/LogoGouv.tsx new file mode 100644 index 00000000..e7264cea --- /dev/null +++ b/src/frontend/apps/impress/src/components/LogoGouv.tsx @@ -0,0 +1,42 @@ +import Image from 'next/image'; +import React from 'react'; +import { useTranslation } from 'react-i18next'; + +import { default as IconDevise } from '@/assets/icons/icon-devise.svg?url'; +import { default as IconMarianne } from '@/assets/icons/icon-marianne.svg?url'; + +import { Box } from './Box'; +import { Text, TextType } from './Text'; + +interface LogoGouvProps { + imagesWidth?: number; + textProps?: TextType; +} + +const LogoGouv = ({ imagesWidth, textProps }: LogoGouvProps) => { + const { t } = useTranslation(); + + return ( + + + {t('Marianne + + + Gouvernement + + {t('Freedom + + ); +}; + +export default LogoGouv; diff --git a/src/frontend/apps/impress/src/features/footer/Footer.tsx b/src/frontend/apps/impress/src/features/footer/Footer.tsx index 8addd850..a6fc098a 100644 --- a/src/frontend/apps/impress/src/features/footer/Footer.tsx +++ b/src/frontend/apps/impress/src/features/footer/Footer.tsx @@ -1,11 +1,9 @@ -import Image from 'next/image'; import React from 'react'; import { useTranslation } from 'react-i18next'; import styled from 'styled-components'; -import { default as IconGouv } from '@/assets/icons/icon-gouv.svg?url'; -import { default as IconMarianne } from '@/assets/icons/icon-marianne.svg?url'; import { Box, StyledLink, Text } from '@/components/'; +import LogoGouv from '@/components/LogoGouv'; import IconLink from './assets/external-link.svg'; @@ -24,14 +22,6 @@ export const Footer = () => { - - {t('Marianne - { > - {t('Freedom diff --git a/src/frontend/apps/impress/src/features/header/Header.tsx b/src/frontend/apps/impress/src/features/header/Header.tsx index 66f496d8..7f18c0c7 100644 --- a/src/frontend/apps/impress/src/features/header/Header.tsx +++ b/src/frontend/apps/impress/src/features/header/Header.tsx @@ -3,9 +3,8 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; import styled from 'styled-components'; -import { default as IconGouv } from '@/assets/icons/icon-gouv.svg?url'; -import { default as IconMarianne } from '@/assets/icons/icon-marianne.svg?url'; import { Box, StyledLink, Text } from '@/components/'; +import LogoGouv from '@/components/LogoGouv'; import { LanguagePicker } from '../language/'; @@ -36,20 +35,19 @@ export const Header = () => { $css="box-shadow: 0 1px 4px #00000040;" > - - {t('Marianne - - - {t('Freedom +