From 898729d935990c7e79983cf05b91b94e36075f5e Mon Sep 17 00:00:00 2001
From: ledouxm <martin.ledoux.pro@gmail.com>
Date: Fri, 27 Sep 2024 10:49:38 +0200
Subject: [PATCH] feat: add version component

---
 packages/frontend/src/envVars.ts        |  1 +
 packages/frontend/src/routes/__root.tsx | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/envVars.ts b/packages/frontend/src/envVars.ts
index 28c26402..c32f0d97 100644
--- a/packages/frontend/src/envVars.ts
+++ b/packages/frontend/src/envVars.ts
@@ -11,5 +11,6 @@ export const ENV = envSchema.parse(isDev ? import.meta.env : window.ENV);
 declare global {
   interface Window {
     ENV: typeof ENV;
+    APP_VERSION?: string;
   }
 }
diff --git a/packages/frontend/src/routes/__root.tsx b/packages/frontend/src/routes/__root.tsx
index d4434f81..1f9b6c07 100644
--- a/packages/frontend/src/routes/__root.tsx
+++ b/packages/frontend/src/routes/__root.tsx
@@ -1,6 +1,6 @@
 import { ReportSearch } from "#components/ReportSearch.js";
 import { css } from "#styled-system/css";
-import { Box, Flex, Stack } from "#styled-system/jsx";
+import { Box, Flex, Stack, styled } from "#styled-system/jsx";
 import Badge from "@codegouvfr/react-dsfr/Badge";
 import Button from "@codegouvfr/react-dsfr/Button";
 import Footer from "@codegouvfr/react-dsfr/Footer";
@@ -139,3 +139,11 @@ const Layout = ({ children }: PropsWithChildren) => {
     </Flex>
   );
 };
+
+const VersionDisplay = () => {
+  const version = window.APP_VERSION;
+
+  if (!version) return null;
+
+  return <styled.div>Version {version}</styled.div>;
+};