From b7bd7b7772dcf220e4b227e0223c93ad49a99c84 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Tue, 2 Jul 2024 10:42:50 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9A=97=EF=B8=8F(frontend)=20add=20Beta=20bad?=
 =?UTF-8?q?ge=20to=20header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We add a beta badge to the header to indicate
that the app is in beta.
---
 CHANGELOG.md                                  |  4 ++--
 .../impress/src/features/header/Header.tsx    | 23 +++++++++++++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ae41c540..11631a7d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,10 +21,10 @@ and this project adheres to
 - ✨(frontend) offline mode (#88)
 - (frontend) translate cgu (#83)
 - ✨(service-worker) offline doc management (#94)
+- (frontend) Add beta tag on logo (#121)
 
 ## Changed
 
-- Change most of the occurences from pad to document (#76)
 - Change site from Impress to Docs (#76)
 - Generate PDF from a modal (#68)
 - 🔧 (helm) sticky session by request_uri for signaling server (#78)
@@ -33,7 +33,6 @@ and this project adheres to
 - ⚡️(e2e) unique login between tests (#80)
 - ⚡️(CI) improve e2e job (#86)
 - ♻️(frontend) improve the error and message info ui (#93)
-- ♻️(frontend) improve the error and message info ui (#93)
 - ✏️(frontend) change all occurences of pad to doc (#99)
 
 ## Fixed
@@ -43,6 +42,7 @@ and this project adheres to
 ## Delete
 
 - Remove trigger workflow on push tags on CI (#68)
+- (frontend) Remove coming soon page (#121)
 
 ## [0.1.0] - 2024-05-24
 
diff --git a/src/frontend/apps/impress/src/features/header/Header.tsx b/src/frontend/apps/impress/src/features/header/Header.tsx
index 38f7c324..4a01e2bc 100644
--- a/src/frontend/apps/impress/src/features/header/Header.tsx
+++ b/src/frontend/apps/impress/src/features/header/Header.tsx
@@ -50,9 +50,28 @@ export const Header = () => {
             }}
           />
           <StyledLink href="/">
-            <Box $align="center" $gap="0.8rem" $direction="row">
+            <Box
+              $align="center"
+              $gap="0.8rem"
+              $direction="row"
+              $position="relative"
+            >
               <Image priority src={IconDocs} alt={t('Docs Logo')} width={38} />
-              <Text $margin="none" as="h2" $theme="primary">
+              <Text
+                $padding="3px 5px"
+                $size="8px"
+                $background="#368bd6"
+                $color="white"
+                $position="absolute"
+                $radius="5px"
+                $css={`
+                  top: 9px;
+                  right: -21px;
+                `}
+              >
+                BETA
+              </Text>
+              <Text $margin="none" as="h2" $theme="primary" $zIndex={1}>
                 {t('Docs')}
               </Text>
             </Box>