feat: display cluster node count (requires solana v0.14.0)

solana-labs · Apr 24, 2019 · 958220b · 958220b
1 parent 16990ca
commit 958220b
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -13,6 +13,7 @@ import _ from 'lodash';
 import {matchPath, Route} from 'react-router';
 import './App.css';
 import createBrowserHistory from 'history/createBrowserHistory';
+import {Connection} from '@solana/web3.js';
 
 import EndpointConfig from './EndpointConfig';
 import BxDataTable from './BxDataTable';
@@ -129,14 +130,20 @@ class App extends Component {
     super(props);
 
     this.ws = null;
+    this.connection = new Connection(EndpointConfig.BLOCK_EXPLORER_RPC_URL);
 
     this.state = {
       enabled: true,
       dialogOpen: false,
       selectedValue: null,
       currentMatch: null,
       stateLoading: false,
-      globalStats: {},
+      globalStats: {
+        'node-count': 0,
+        '!blk-last-slot': 0,
+        '!txn-count': 0,
+        '!txn-per-sec-max': 0,
+      },
       txnStats: {},
       users: [],
       userState: {},
@@ -201,11 +208,19 @@ class App extends Component {
     });
   }
 
-  updateGlobalStats() {
+  async updateGlobalStats() {
     this.getRemoteState(
       'globalStats',
       `http:${BLOCK_EXPLORER_API_BASE}/global-stats`,
     );
+
+    try {
+      const nodes = await this.connection.getClusterNodes();
+      this.updateSpecificGlobalStateAttribute('node-count', nodes.length);
+    } catch (err) {
+      this.updateSpecificGlobalStateAttribute('node-count', '?');
+      console.log(err);
+    }
   }
 
   updateTxnStats() {

diff --git a/src/BxStatsTable.jsx b/src/BxStatsTable.jsx
@@ -35,7 +35,7 @@ class BxStatsTable extends React.Component {
                     <Card>
                         <CardContent onClick={() => this.copyLeaderPublickey()}>
                             <Typography variant="h5" component="h2" align="center">
-                                Current Leader
+                                Leader
                                 <BxHelpLink text="Leader" term="leader"/>
                             </Typography>
                             <Typography component="p" align="center">
@@ -44,6 +44,19 @@ class BxStatsTable extends React.Component {
                         </CardContent>
                     </Card>
                 </Grid>
+                <Grid item>
+                    <Card>
+                        <CardContent>
+                            <Typography variant="h5" component="h2">
+                                Node Count
+                                <BxHelpLink text="Node Count" term="node-count"/>
+                            </Typography>
+                            <Typography component="p" align="center">
+                                {globalStats['node-count']}
+                            </Typography>
+                        </CardContent>
+                    </Card>
+                </Grid>
                 <Grid item>
                     <Card>
                         <CardContent>
@@ -87,7 +100,7 @@ class BxStatsTable extends React.Component {
                     <Card>
                         <CardContent>
                             <Typography variant="h5" component="h2">
-                                Total Transactions
+                                Transactions
                                 <BxHelpLink text="All-Time Total Transactions" term="transaction"/>
                             </Typography>
                             <Typography component="p" align="center">

diff --git a/src/EndpointConfig.js b/src/EndpointConfig.js
@@ -1,5 +1,6 @@
 let EndpointConfig = {
   BLOCK_EXPLORER_API_BASE: `//${window.location.hostname}:3001`,
+  BLOCK_EXPLORER_RPC_URL: `http://${window.location.hostname}:8899`,
 };
 
 export default EndpointConfig;