From 13942cd128ec52cbff75655c9a58da63b848c112 Mon Sep 17 00:00:00 2001
From: Lee Hunter <whunter@vt.edu>
Date: Thu, 2 May 2024 17:42:27 -0400
Subject: [PATCH] render git commit info if env var is set

took out h1
---
 .../e2e/integration/browse_collections.cy.js  |  4 ----
 package-lock.json                             |  2 +-
 src/App.js                                    |  2 ++
 src/components/GitDetails.js                  | 24 +++++++++++++++++++
 src/css/GitDetails.scss                       | 20 ++++++++++++++++
 5 files changed, 47 insertions(+), 5 deletions(-)
 create mode 100644 src/components/GitDetails.js
 create mode 100644 src/css/GitDetails.scss

diff --git a/cypress/e2e/integration/browse_collections.cy.js b/cypress/e2e/integration/browse_collections.cy.js
index cb7e57df..e6c2c957 100644
--- a/cypress/e2e/integration/browse_collections.cy.js
+++ b/cypress/e2e/integration/browse_collections.cy.js
@@ -3,10 +3,6 @@ describe("browse_collections: Browse collections page", () => {
     cy.visit("/collections");
   });
 
-  it("displays the correct page title", () => {
-    cy.get("h1").invoke("text").should("equal", "About Our Collections");
-  });
-
   it("finds the first collection sorted by title as default", () => {
     cy.get(".gallery-item")
       .first()
diff --git a/package-lock.json b/package-lock.json
index 4b81e7cb..efba83a8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -83,7 +83,7 @@
         "husky": "^3.1.0",
         "lint-staged": "^13.2.0",
         "prettier": "^2.8.7",
-        "semantic-ui-css": "^2.5.0"
+        "semantic-ui-css": "git+https://github.com/Semantic-Org/Semantic-UI-CSS.git"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
diff --git a/src/App.js b/src/App.js
index 3d551d4a..b703039c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,6 +12,7 @@ import AnalyticsConfig from "./components/AnalyticsConfig";
 import Header from "./components/Header";
 import NavBar from "./components/NavBar";
 import Footer from "./components/Footer";
+import { GitDetails } from "./components/GitDetails";
 import LoadingScreen from "./components/LoadingScreen";
 import { buildRoutes } from "./lib/CustomPageRoutes";
 import HomePage from "./pages/HomePage";
@@ -192,6 +193,7 @@ class App extends Component {
                 </Routes>
               </div>
             </main>
+            <GitDetails />
             <Footer />
           </ThemeProvider>
         </StyledEngineProvider>
diff --git a/src/components/GitDetails.js b/src/components/GitDetails.js
new file mode 100644
index 00000000..c7985097
--- /dev/null
+++ b/src/components/GitDetails.js
@@ -0,0 +1,24 @@
+import { Link } from "react-router-dom";
+import "../css/GitDetails.scss";
+
+const GitDetails = () => {
+  const gitCommit = process.env.REACT_APP_GIT_COMMIT;
+  if (!gitCommit) {
+    return null;
+  }
+  return (
+    <div className="git-detail-section">
+      <p>
+        This site is running commit{" "}
+        <Link to={`https://github.com/VTUL/dlp-access/commit/${gitCommit}`}>
+          {gitCommit.substring(0, 7)}
+        </Link>{" "}
+        of the{" "}
+        <Link to={"https://github.com/VTUL/dlp-access/"}>vtdlp-access</Link>{" "}
+        project
+      </p>
+    </div>
+  );
+};
+
+export { GitDetails };
diff --git a/src/css/GitDetails.scss b/src/css/GitDetails.scss
new file mode 100644
index 00000000..cf1430ff
--- /dev/null
+++ b/src/css/GitDetails.scss
@@ -0,0 +1,20 @@
+.git-detail-section {
+  position: relative;
+  display: block;
+  background-color: var(--light-gray);
+  width: 100%;
+  margin-bottom: 15px;
+  padding: 10px;
+  p {
+    position: relative;
+    display: block;
+    text-align: center;
+    font-family: "gineso-condensed", sans-serif;
+    a,
+    a:visited {
+      position: relative;
+      color: var(--themeHighlightColor);
+      cursor: pointer;
+    }
+  }
+}