Make sha shorter and place it in the last footer column

responsible-ai-collaborative · Jan 23, 2024 · 2a79ae0 · 2a79ae0
1 parent c36732b
commit 2a79ae0
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/site/gatsby-site/src/components/layout/Footer.js b/site/gatsby-site/src/components/layout/Footer.js
@@ -115,7 +115,7 @@ export default function Footer() {
       id="main-footer"
       className="bg-text-light-gray relative sm:grid sm:grid-cols-2 md:grid-cols-4 gap-5 p-5 z-50"
     >
-      {footerContent.map((group) => {
+      {footerContent.map((group, i) => {
         const title = group.title;
 
         const items = group.items;
@@ -203,6 +203,14 @@ export default function Footer() {
                   })}
                 </div>
               )}
+
+              {i == footerContent.length - 1 && process.env.GATSBY_COMMIT_SHA && (
+                <li>
+                  <div className="text-muted-gray text-xs" data-cy="commit-sha">
+                    {process.env.GATSBY_COMMIT_SHA.toString().substring(0, 7)}
+                  </div>
+                </li>
+              )}
             </ul>
           </div>
         );
@@ -292,12 +300,6 @@ export default function Footer() {
           </div>
         </div>
       )}
-
-      {process.env.GATSBY_COMMIT_SHA && (
-        <div className="text-muted-gray text-xs" data-cy="commit-sha">
-          {process.env.GATSBY_COMMIT_SHA}
-        </div>
-      )}
     </footer>
   );
 }