From 81c5a3d9f59f94ca6aa6ea023ec57909dddddcf0 Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Fri, 23 Sep 2022 02:52:59 -0700
Subject: [PATCH] Add coordinator and client versions to Stats for Nerds

---
 frontend/src/components/BottomBar.js      |  4 +++-
 frontend/src/components/Dialogs/Stats.tsx | 27 +++++++++++++++++------
 frontend/static/locales/en.json           |  4 ++++
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/BottomBar.js b/frontend/src/components/BottomBar.js
index 3bffb5ac..d3e4533c 100644
--- a/frontend/src/components/BottomBar.js
+++ b/frontend/src/components/BottomBar.js
@@ -664,13 +664,15 @@ class BottomBar extends Component {
         <StatsDialog
           isOpen={this.state.openStatsForNerds}
           handleClickCloseStatsForNerds={this.handleClickCloseStatsForNerds}
+          coordinatorVersion={this.state.coordinatorVersion}
+          clientVersion={this.state.clientVersion}
           lndVersion={this.state.lnd_version}
           network={this.state.network}
           nodeAlias={this.state.node_alias}
           nodeId={this.state.node_id}
           alternativeName={this.state.alternative_name}
           alternativeSite={this.state.alternative_site}
-          robosatsRunningCommitHash={this.state.robosats_running_commit_hash}
+          commitHash={this.state.robosats_running_commit_hash}
           lastDayVolume={this.state.last_day_volume}
           lifetimeVolume={this.state.lifetime_volume}
         />
diff --git a/frontend/src/components/Dialogs/Stats.tsx b/frontend/src/components/Dialogs/Stats.tsx
index 07ec4eda..7f408cbb 100644
--- a/frontend/src/components/Dialogs/Stats.tsx
+++ b/frontend/src/components/Dialogs/Stats.tsx
@@ -21,7 +21,7 @@ import FavoriteIcon from '@mui/icons-material/Favorite';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import EqualizerIcon from '@mui/icons-material/Equalizer';
 
-import { AmbossIcon, BitcoinSignIcon } from '../Icons';
+import { AmbossIcon, BitcoinSignIcon, RoboSatsNoTextIcon } from '../Icons';
 
 import { pn } from '../../utils/prettyNumbers';
 
@@ -29,12 +29,14 @@ interface Props {
   isOpen: boolean;
   handleClickCloseStatsForNerds: () => void;
   lndVersion: string;
+  coordinatorVersion: string;
+  clientVersion: string;
   network: string;
   nodeAlias: string;
   nodeId: string;
   alternativeName: string;
   alternativeSite: string;
-  robosatsRunningCommitHash: string;
+  commitHash: string;
   lastDayVolume: number;
   lifetimeVolume: number;
 }
@@ -43,12 +45,14 @@ const StatsDialog = ({
   isOpen,
   handleClickCloseStatsForNerds,
   lndVersion,
+  coordinatorVersion,
+  clientVersion,
   network,
   nodeAlias,
   nodeId,
   alternativeName,
   alternativeSite,
-  robosatsRunningCommitHash,
+  commitHash,
   lastDayVolume,
   lifetimeVolume,
 }: Props): JSX.Element => {
@@ -69,6 +73,15 @@ const StatsDialog = ({
         <List dense>
           <Divider />
 
+          <ListItem>
+            <ListItemIcon>
+              <RoboSatsNoTextIcon sx={{width:'1.4em',height:'1.4em',right:'0.2em', position:'relative'}}/>
+            </ListItemIcon>
+            <ListItemText primary={`${t("Client")} ${clientVersion} - ${t("Coordinator")} ${coordinatorVersion}`} secondary={t('RoboSats version')} />
+          </ListItem>
+
+          <Divider />
+
           <ListItem>
             <ListItemIcon>
               <BoltIcon />
@@ -83,7 +96,7 @@ const StatsDialog = ({
               <ListItemIcon>
                 <DnsIcon />
               </ListItemIcon>
-              <ListItemText secondary={nodeAlias}>
+              <ListItemText secondary={`${t("LN Node")}: ${nodeAlias}`}>
                 <Link
                   target='_blank'
                   href={`https://1ml.com/testnet/node/${nodeId}`}
@@ -125,13 +138,13 @@ const StatsDialog = ({
             <ListItemIcon>
               <GitHubIcon />
             </ListItemIcon>
-            <ListItemText secondary={t('Currently running commit hash')}>
+            <ListItemText secondary={t('Coordinator commit hash')}>
               <Link
                 target='_blank'
-                href={`https://github.com/Reckless-Satoshi/robosats/tree/${robosatsRunningCommitHash}`}
+                href={`https://github.com/Reckless-Satoshi/robosats/tree/${commitHash}`}
                 rel='noreferrer'
               >
-                {`${robosatsRunningCommitHash.slice(0, 12)}...`}
+                {`${commitHash.slice(0, 12)}...`}
               </Link>
             </ListItemText>
           </ListItem>
diff --git a/frontend/static/locales/en.json b/frontend/static/locales/en.json
index ba281b03..c7c45260 100644
--- a/frontend/static/locales/en.json
+++ b/frontend/static/locales/en.json
@@ -235,6 +235,10 @@
   "On your own sovereign node": "On your own sovereign node",
   "Simply refresh your Tor Browser tab (or press Ctrl+Shift+R)": "Simply refresh your Tor Browser tab (or press Ctrl+Shift+R)",
   "On remotely served client via web": "On remotely served client via web",
+  "Client":"Client",
+  "Coordinator":"Coordinator",
+  "RoboSats version":"RoboSats version",
+  "LN Node":"LN Node",
 
   "ORDER PAGE - OrderPage.js": "Order details page",
   "Order Box": "Order Box",