From 5ae9994f5a725da63d9135991b0b7c2ab4f71e03 Mon Sep 17 00:00:00 2001
From: Bethany Dunfield <brdunfield@gmail.com>
Date: Mon, 4 Dec 2023 08:48:56 -0700
Subject: [PATCH] Add app version and data-catalog-components version to about
 page (#130)

---
 package-lock.json             |  4 ++--
 package.json                  |  2 +-
 src/templates/about/index.jsx | 12 ++++++++++--
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6382295..38dbf33 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@civicactions/data-catalog-app",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@civicactions/data-catalog-app",
-      "version": "1.4.0",
+      "version": "1.4.1",
       "dependencies": {
         "@civicactions/data-catalog-components": "1.16.0",
         "@fortawesome/fontawesome-svg-core": "^6.4.2",
diff --git a/package.json b/package.json
index 4328f05..3da4a3d 100644
--- 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
index 1b9751e..b577b80 100644
--- 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>
 );