Add app version and data-catalog-components version to about page (#130)

GetDKAN · Dec 4, 2023 · 5ae9994 · 5ae9994
1 parent 22927d8
commit 5ae9994
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/data-catalog-app",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "private": false,
   "homepage": "frontend/build",
   "dependencies": {

diff --git a/src/templates/about/index.jsx b/src/templates/about/index.jsx
@@ -2,13 +2,14 @@ import React from "react";
 import { Announcement } from "@civicactions/data-catalog-components";
 import Layout from '../../components/Layout';
 import config from "../../assets/config";
+import { version, dependencies } from '../../../package.json';
 
-const About = ({ path }) => (
+const About = () => (
     <Layout title="About">
         <div className={`dc-page ${config.container}`}>
             <h1>About this site</h1>
             <div className="dc-page-content row">
-                <div class="col-md-9 col-sm-12">
+                <div className="col-md-9 col-sm-12">
                     <p>This is the default state of the DKAN data catalog.</p>
                     <p>
                     This tool helps create open data catalogs using React and other
@@ -21,6 +22,13 @@ const About = ({ path }) => (
                     </Announcement>
                 </div>
             </div>
+            <div className="dc-page-content row">
+                <h2>App version:</h2>
+                <div className="col-12">
+                    <p>data-catalog-app: {version}</p>
+                    <p>data-catalog-components: {dependencies["@civicactions/data-catalog-components"]}</p>
+                </div>  
+            </div>
         </div>
     </Layout>
 );