Merge branch 'feat/US46-display-app-version' into 'dev'

feat/US46-display-app-version

See merge request web-et-numerique/pamn_plateforme-des-acteurs-de-la-mediation-numerique/pamn_client!190

src/app/about/about.component.html

@@ -27,6 +27,7 @@
           acteurs.
         </p>
         <p>N'hésitez pas à contribuer à cet espace en partageant vos ressources</p>
+        <p class="version" fxLayoutAlign="center center">Version : {{ version }}</p>
       </div>
       <div fxLayout="column" fxLayoutAlign="center center" fxLayoutGap="20px">
         <img src="/assets/logos/logo_europe.png" width="220" height="168" alt="logo de l'union européenne" />

src/app/about/about.component.scss

@@ -13,3 +13,9 @@ h2 {
 .about-container {
   max-width: 760px;
 }
+
+.version {
+  padding-top: 80px;
+  font-size: $font-size-xxsmall;
+  color: $grey-3;
+}

src/app/about/about.component.ts

 import { Component, OnInit } from '@angular/core';
+import { version } from '../../../package.json';
 
 @Component({
   selector: 'app-about',
   templateUrl: './about.component.html',
-  styleUrls: ['./about.component.scss']
+  styleUrls: ['./about.component.scss'],
 })
 export class AboutComponent implements OnInit {
+  public version: string = version;
 
-  constructor() { }
-
-  ngOnInit(): void {
-  }
+  constructor() {}
 
+  ngOnInit(): void {}
 }