Afficher la version de l'application dans l'IHM #54

benjaminpochat · Dec 19, 2024 · 979b251 · 979b251
1 parent 51559dd
commit 979b251
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
@@ -14,8 +14,9 @@ RUN npm run build:api
 RUN npm run install:api
 
 ARG REACT_APP_MODE
+ARG REACT_APP_VERSION
 
-RUN export REACT_APP_MODE=$REACT_APP_MODE && PUBLIC_URL="/" && npm run build
+RUN export REACT_APP_MODE=$REACT_APP_MODE && export REACT_APP_VERSION=$REACT_APP_VERSION && PUBLIC_URL="/" && npm run build
 
 FROM httpd:2.4.57
 

diff --git a/frontend/app/src/domains/commons/components/Footer.css b/frontend/app/src/domains/commons/components/Footer.css
@@ -16,7 +16,7 @@
   }
 
   .footer-item {
-    margin-bottom: 1rem;
+    margin: 1rem;
   }
 
   .footer-contact {

diff --git a/frontend/app/src/domains/commons/components/Footer.tsx b/frontend/app/src/domains/commons/components/Footer.tsx
@@ -26,6 +26,11 @@ export default function Footer() {
         return <></>
     }
 
+    function displayVersion() {
+        const versionLabel = process.env?.REACT_APP_VERSION || ' indéfinie'
+        return `version ${versionLabel}`
+    }
+
     return <>
         <div className="footer">
             <div>
@@ -56,7 +61,7 @@ export default function Footer() {
                 &ensp;sur&ensp;
                 <a target='_blank' href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
             </div>
-            <div>{process?.env?.REACT_APP_MODE || 'version indéfinie'}</div>
+            <div className="footer-item">{displayVersion()}</div>
         </div>
         {displayGeneralTermsAndConditions()}
     </>