add pogues version

InseeFr · Dec 20, 2023 · e2551f9 · e2551f9
1 parent 41f2323
commit e2551f9
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git 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
@@ -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
@@ -0,0 +1,3 @@
+import packageVersion from '../../package.json';
+
+export const poguesFrontVersion = packageVersion.version;