Fix: add versioning or latest commit information to our about page

.github/workflows/build.yml

@@ -28,6 +28,10 @@ jobs:
         with:
           node-version: 18
           cache: 'npm'
+      - name: Get Commit Hash
+        run: echo "COMMIT_HASH=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
+      - name: Generate Version File
+        run: echo "export const COMMIT_HASH = '${{ env.COMMIT_HASH }}';" > src/version.js
       - name: Run install
         run: npm ci
       - name: Build Storybook

src/pages/about/index.tsx

@@ -6,6 +6,7 @@ import './About.scss'
 import { useQuery } from '@tanstack/react-query'
 import SlackIcon from '../../resources/slack-icon.svg'
 import Widget from 'src/shared/Widget'
+import { COMMIT_HASH } from '../../version';
 
 const pageName = 'aboutPage'
 const About = () => {
@@ -164,9 +165,12 @@ const Attributions = () => {
       <h2>Attributions</h2>
       <ul>
         <li>
-          Thanks <a href="http://www.applitools.com/">Applitools</a> for the free open-source
+          Thanks <a href="http://www.applitools.com/">Applitools</a> for the free open-source.
           license for their visual testing tool
         </li>
+        <p>
+          Version commit hash: <strong>{COMMIT_HASH}</strong>
+        </p>
         <li>
           Bus ifmage by{' '}
           <a

src/version.js

@@ -0,0 +1 @@
+export const COMMIT_HASH = 'test1234';