feat: show version information in about text

package.json

@@ -2,7 +2,7 @@
   "name": "@geops/tree-app",
   "description": "Web app for tree recommendations.",
   "license": "MIT",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "dependencies": {
     "i18next": "^19.4.4",

src/components/InfoAbout.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Trans } from 'react-i18next';
 
+import { version } from '../../package.json';
+
 function InfoAbout() {
   return (
     <Trans i18nKey="info.about">
@@ -10,7 +12,7 @@ function InfoAbout() {
         <li>moderate</li>
         <li>extreme</li>
       </ol>
-      by
+      version {{ version }}
     </Trans>
   );
 }

src/components/InfoPage.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Accordion } from 'semantic-ui-react';
-// eslint-disable-next-line import/no-unresolved
-import treeLib from 'lib/src';
 
 import InfoAbout from './InfoAbout';
 import InfoParticipants from './InfoParticipants';
@@ -45,11 +43,6 @@ function InfoPage() {
       title: { content: t('info.impressumTitle') },
       content: { content: t('info.impressum') },
     },
-    {
-      key: 'info.version',
-      title: { content: t('info.versionTitle') },
-      content: { content: `tree-lib: ${treeLib ? treeLib.version : ''}` },
-    },
   ];
   return (
     <div className={styles.page}>

src/i18n/resources/de/translation.json

@@ -22,11 +22,11 @@
     "recommendationNegativeHeader": "Gefährdete Baumarten",
     "recommendationNegative": "Im heutigen Standortstyp empfohlene Baumarten (dominante, wichtige beigemischte Naturwaldbaumart oder weitere Baumart), die in Zukunft <strong>in keiner Klimaprojektion mehr empfohlen ist (fett)</strong>. Diese Baumarten sollen nicht gefördert werden, da sie klimatisch zunehmend gefährdet sind.",
     "recommendationAttentionHeader": "Götterbaum",
-    "recommendationAttention": "Zur Bekämpfung dieser unerwünschten invasiven Baumart gibt es eine <2>Vollzugshilfe des Bundes</2>. "
+    "recommendationAttention": "Zur Bekämpfung dieser unerwünschten invasiven Baumart gibt es eine <2>Vollzugshilfe des Bundes</2>."
   },
   "info": {
     "aboutTitle": "Über die Anwendung",
-    "about": "Die <i>Tree App</i> unterstützt Dich bei der Wahl geeigneter Baumarten für drei Fälle:<2><0>Klima 1961-1990</0><1>mässiger Klimawandel</1><2>starker Klimawandel</2></2>Sie ist ein Produkt des Forschungsprogramms Wald und Klimawandel von BAFU und WSL.<br> Klicke in die Karte oder wähle manuell einen Standortstyp, dann zeigt die App die empfohlenen Baumarten.",
+    "about": "Die <i>Tree App</i> unterstützt Dich bei der Wahl geeigneter Baumarten für drei Fälle:<2><0>Klima 1961-1990</0><1>mässiger Klimawandel</1><2>starker Klimawandel</2></2><p>Sie ist ein Produkt des Forschungsprogramms Wald und Klimawandel von BAFU und WSL.<br> Klicke in die Karte oder wähle manuell einen Standortstyp, dann zeigt die App die empfohlenen Baumarten.</p><p>Version {{version}}</p>",
     "usageTitle": "Erläuterungen und Hinweise zur Bedienung",
     "usage": "<0>Ansichten</0><p>[Aufzählung der Ansichten und ihres Zwecks]</p><2>Kartenansicht</2><p>[Erklärung der Elemente auf der Karte]</p><4>Ansicht zur Wahl des Standortstyps und Anzeige der Baumartenempfehlung</4><p>[Erklärung der Elemente]</p><6>Glossar</6><p>Höhenstufe s. Vegetationshöhenstufe<br />Standortstyp<br />Standortsregion<br />Tannenareal<br />Vegetationshöhenstufe<br />Waldstandort</p>",
     "recommendationTitle": "Baumartenempfehlungen",
@@ -35,8 +35,7 @@
     "participants": "<p>Viele Fachleute haben zur Tree App beigetragen. Besonders erwähnt seien hier folgende Personen:</p><1><strong>Standortkundliche Grundlagen zum Projekt „Nachhaltigkeit im Schutzwald“</strong><br> {{locationBasics}}</1><2><strong>Grundlagenarbeiten zur Berücksichtigung des Klimawandels</strong><br> {{climateChangeBasics}}</2><3><strong>Idee zur Tree App</strong><br> {{idea}}</3><4><strong>Konzeption</strong><br> {{conception}}</4><5><strong>Realisierung</strong><br> <2>geOps AG</2></5><6><strong>Projektleitung</strong><br> {{projectManagement}}</6><7><strong>Projektsteuerung</strong><br> {{projectControl}}</7><p><strong>Finanzierung</strong><br> BAFU im Rahmen des Forschungsprogramms „Wald und Klimawandel“, WSL</p><9><strong>Anwender-Begleitgruppe</strong><br> {{wslUsers}}</9><10><strong>IT-Begleitgruppe</strong><br> {{itUsers}}</10>",
     "reportsTitle": "Zugrundeliegende Berichte",
     "impressumTitle": "Impressum",
-    "impressum": "Die Tree App ist ein Umsetzungsprodukt des Forschungsprogramms „Wald und Klimawandel“ von BAFU und WSL.",
-    "versionTitle": "Version"
+    "impressum": "Die Tree App ist ein Umsetzungsprodukt des Forschungsprogramms „Wald und Klimawandel“ von BAFU und WSL."
   },
   "location": {
     "reset": "Filter zurücksetzen",