From e2551f96f3896cec86497ccd5a788a4f7797a954 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bulot=20Fran=C3=A7ois?= <f_bulot@hotmail.com>
Date: Wed, 20 Dec 2023 11:18:34 +0100
Subject: [PATCH] add pogues version

---
 src/layout/header/header.jsx | 6 +++++-
 src/scss/inc/_header.scss    | 6 ++++++
 src/utils/version.js         | 3 +++
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 src/utils/version.js

diff --git a/src/layout/header/header.jsx b/src/layout/header/header.jsx
index f0b4fee91..36a4f8b0e 100644
--- a/src/layout/header/header.jsx
+++ b/src/layout/header/header.jsx
@@ -4,6 +4,7 @@ import { Link } from 'react-router-dom';
 import logo from 'layout/header/logo-insee.png';
 import UserConnectionContainer from 'layout/user/user-connection-container';
 import Dictionary from 'utils/dictionary/dictionary';
+import { poguesFrontVersion } from 'utils/version';
 
 function Header() {
   return (
@@ -18,7 +19,10 @@ function Header() {
               Pogues
             </Link>
           </h2>
-          <h6>{Dictionary.headerSubtitle}</h6>
+          <h6>
+            {Dictionary.headerSubtitle}
+            <span className="pogues-version">{poguesFrontVersion}</span>
+          </h6>
         </div>
         <div className="header-help">
           <a
diff --git a/src/scss/inc/_header.scss b/src/scss/inc/_header.scss
index 6d0ac1ce0..f1ccd5208 100644
--- a/src/scss/inc/_header.scss
+++ b/src/scss/inc/_header.scss
@@ -46,5 +46,11 @@
     .header-user {
       @include make-xs-column(3);
     }
+
+    .pogues-version {
+      margin-left: 5px;
+      color: $color-grey_01;
+      font-style: italic;
+    }
   }
 }
diff --git a/src/utils/version.js b/src/utils/version.js
new file mode 100644
index 000000000..a979bfd4c
--- /dev/null
+++ b/src/utils/version.js
@@ -0,0 +1,3 @@
+import packageVersion from '../../package.json';
+
+export const poguesFrontVersion = packageVersion.version;