From 8185badb9495c8af105fd300aa57abc26247ad7e Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Fri, 24 May 2024 17:57:02 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20change=20color=20of=20?=
 =?UTF-8?q?the=20app=20for=20the=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change the color of the app to showcase the
deployment pipeline.
---
 src/frontend/apps/impress/src/features/header/Header.tsx | 4 ++--
 src/frontend/apps/impress/src/layouts/MainLayout.tsx     | 1 +
 src/helm/env.d/preprod/values.impress.yaml.gotmpl        | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/header/Header.tsx b/src/frontend/apps/impress/src/features/header/Header.tsx
index 66f496d8..c0344ccd 100644
--- a/src/frontend/apps/impress/src/features/header/Header.tsx
+++ b/src/frontend/apps/impress/src/features/header/Header.tsx
@@ -19,7 +19,7 @@ const RedStripe = styled.div`
   position: absolute;
   height: 5px;
   width: 100%;
-  background: var(--c--theme--colors--danger-500);
+  background: var(--c--theme--colors--primary-500);
   top: 0;
 `;
 
@@ -55,7 +55,7 @@ export const Header = () => {
             <Box $align="center" $gap="1rem" $direction="row">
               <Image priority src={IconImpress} alt={t('Impress Logo')} />
               <Text $margin="none" as="h2" $theme="primary">
-                {t('Impress')}
+                {t('Impress Demo')}
               </Text>
             </Box>
           </StyledLink>
diff --git a/src/frontend/apps/impress/src/layouts/MainLayout.tsx b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
index a28d504f..3ff8f121 100644
--- a/src/frontend/apps/impress/src/layouts/MainLayout.tsx
+++ b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
@@ -12,6 +12,7 @@ export function MainLayout({ children }: { children: React.ReactNode }) {
             as="main"
             $height={`calc(100vh - ${HEADER_HEIGHT})`}
             $width="100%"
+            $background="aliceblue"
           >
             {children}
           </Box>
diff --git a/src/helm/env.d/preprod/values.impress.yaml.gotmpl b/src/helm/env.d/preprod/values.impress.yaml.gotmpl
index 59374322..4f687c66 100644
--- a/src/helm/env.d/preprod/values.impress.yaml.gotmpl
+++ b/src/helm/env.d/preprod/values.impress.yaml.gotmpl
@@ -115,7 +115,7 @@ frontend:
   image:
     repository: lasuite/impress-frontend
     pullPolicy: Always
-    tag: "v0.1.0"
+    tag: "v0.1.0-demo"
 
 webrtc:
   image: