From 8f78336a4b381164ec8c832fb94f07f0ff7fced9 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 17 Dec 2022 16:14:57 -0600
Subject: [PATCH] Dashboard: include link to repo for the current commit

---
 CHANGELOG.md                                  |   1 +
 app/soapbox/features/admin/tabs/dashboard.tsx |  15 +++++++++++++--
 app/soapbox/utils/code.js                     | Bin 1153 -> 1227 bytes
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1ee91987cd..5a6fa1a203 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Birthdays: move today's birthdays out of notifications into right sidebar.
 - Performance: improve scrolling/navigation between feeds by using a virtual window library.
 - Admin: admin UI into 3-column layout.
+- Admin: include external link to frontend repo for the running commit.
 
 ### Removed
 - Theme: Halloween theme.
diff --git a/app/soapbox/features/admin/tabs/dashboard.tsx b/app/soapbox/features/admin/tabs/dashboard.tsx
index 6b7de27471..dd0f9f1bd2 100644
--- a/app/soapbox/features/admin/tabs/dashboard.tsx
+++ b/app/soapbox/features/admin/tabs/dashboard.tsx
@@ -4,7 +4,7 @@ import { useHistory } from 'react-router-dom';
 
 import { getSubscribersCsv, getUnsubscribersCsv, getCombinedCsv } from 'soapbox/actions/email-list';
 import List, { ListItem } from 'soapbox/components/list';
-import { CardTitle, IconButton, Stack } from 'soapbox/components/ui';
+import { CardTitle, Icon, IconButton, Stack } from 'soapbox/components/ui';
 import { useAppDispatch, useOwnAccount, useFeatures, useInstance } from 'soapbox/hooks';
 import sourceCode from 'soapbox/utils/code';
 import { download } from 'soapbox/utils/download';
@@ -113,7 +113,18 @@ const Dashboard: React.FC = () => {
 
       <List>
         <ListItem label={<FormattedMessage id='admin.software.frontend' defaultMessage='Frontend' />}>
-          <span>{sourceCode.displayName} {sourceCode.version}</span>
+          <a
+            href={sourceCode.ref ? `${sourceCode.url}/tree/${sourceCode.ref}` : sourceCode.url}
+            className='flex space-x-1 items-center truncate'
+            target='_blank'
+          >
+            <span>{sourceCode.displayName} {sourceCode.version}</span>
+
+            <Icon
+              className='w-4 h-4'
+              src={require('@tabler/icons/external-link.svg')}
+            />
+          </a>
         </ListItem>
 
         <ListItem label={<FormattedMessage id='admin.software.backend' defaultMessage='Backend' />}>
diff --git a/app/soapbox/utils/code.js b/app/soapbox/utils/code.js
index 3316a931fc16ccbc6508c0b4600f26d044635d0a..205bda6b6589c5a6495336de28564579297ae218 100644
GIT binary patch
delta 83
zcmZqVJk2?wVDbb;*NIu@I7{<VQqwZ?Qd1_|F#2u2&bXXOLqVY^HO)%F*)!hR-`CeO
dBtFE^U7@B1Ng&w65hyVEI+HA`4p*%;7Xa458&LoN

delta 30
mcmX@j*~mGeVB+o*EP16lIg@)B{U&C4Z@$5}l8L$2nhOBPMGN8p