fix: dev feedback and bug fixes

solana-labs · Aug 8, 2019 · 2e9a699 · 2e9a699
1 parent 76d216d
commit 2e9a699
Show file tree

Hide file tree

Showing 8 changed files with 54 additions and 10 deletions.
diff --git a/src/v2/assets/icons/github.svg b/src/v2/assets/icons/github.svg
diff --git a/src/v2/components/Header/index.jsx b/src/v2/components/Header/index.jsx
@@ -7,6 +7,7 @@ import {observer} from 'mobx-react-lite';
 import Logo from 'v2/components/UI/Logo';
 import Search from 'v2/components/Search';
 import EndpointSelector from 'v2/components/EndpointSelector';
+import {ReactComponent as GithubIcon} from 'v2/assets/icons/github.svg';
 
 import NavBar from '../NavBar';
 import useStyles from './styles';
@@ -33,6 +34,21 @@ const Header = () => {
           <div className={classes.search}>
             <Search />
           </div>
+          <div className={classes.github}>
+            <p>
+              report issues/
+              <br />
+              feedback on github:
+            </p>
+            <a
+              className={classes.icon}
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://github.com/solana-labs/blockexplorer/issues"
+            >
+              <GithubIcon />
+            </a>
+          </div>
           <div className={classes.realTime}>
             <p>
               Real-time

diff --git a/src/v2/components/Header/styles.js b/src/v2/components/Header/styles.js
@@ -84,4 +84,25 @@ export default makeStyles(theme => ({
   menuIcon: {
     color: getColor('dark')(theme),
   },
+  github: {
+    display: 'flex',
+    fontSize: 12,
+    letterSpacing: 2.5,
+    textTransform: 'uppercase',
+    width: 220,
+    flexShrink: 0,
+    alignItems: 'center',
+    marginLeft: 16,
+    [theme.breakpoints.down('md')]: {
+      display: 'none',
+    },
+  },
+  icon: {
+    width: 40,
+    height: 40,
+    flexShrink: 0,
+    background: getColor('main')(theme),
+    padding: 8,
+    marginLeft: 5,
+  },
 }));
diff --git a/src/v2/components/TourDeSol/Cards/index.jsx b/src/v2/components/TourDeSol/Cards/index.jsx
@@ -41,7 +41,7 @@ const Cards = ({
     },
     {
       title: 'Total SOL In Circulation',
-      value: cluster.supply / Math.pow(2, 34).toFixed(2),
+      value: (cluster.supply / Math.pow(2, 34)).toFixed(2),
       changes: '',
       period: 'since yesterday',
     },

diff --git a/src/v2/components/TourDeSol/Ranking/index.jsx b/src/v2/components/TourDeSol/Ranking/index.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import {observer} from 'mobx-react-lite';
+import {Link} from 'react-router-dom';
 import {get, map, maxBy, compose} from 'lodash/fp';
 import HelpLink from 'v2/components/HelpLink';
 import NodesStore from 'v2/stores/nodes';
@@ -22,10 +23,10 @@ const Ranking = () => {
     const {identity = {}, nodePubkey} = node;
     return (
       <li key={nodePubkey} className={classes.item}>
-        <div className={classes.name}>
+        <Link to={`/validators/${nodePubkey}`} className={classes.name}>
           <Avatar pubkey={nodePubkey} avatarUrl={identity.avatarUrl} />
-          {identity.name || nodePubkey}
-        </div>
+          <span>{identity.name || nodePubkey}</span>
+        </Link>
         <div className={classes.bar}>
           <div
             className={classes.icon}

diff --git a/src/v2/components/TourDeSol/Ranking/styles.js b/src/v2/components/TourDeSol/Ranking/styles.js
@@ -18,14 +18,17 @@ export default makeStyles(theme => ({
   },
   name: {
     maxWidth: 130,
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
     color: getColor('main')(theme),
-    marginRight: 20,
+    marginRight: 26,
     flexShrink: 0,
     display: 'flex',
     alignItems: 'center',
+    textDecoration: 'none',
+    '& span': {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+    },
     '& div:first-child': {
       marginRight: 15,
     },

diff --git a/src/v2/components/UI/StatCard/styles.js b/src/v2/components/UI/StatCard/styles.js
@@ -19,7 +19,7 @@ export default makeStyles(theme => ({
     },
   },
   value: {
-    fontSize: 50,
+    fontSize: 40,
     fontWeight: 'bold',
     color: getColor('main')(theme),
     margin: '20px 0',

diff --git a/src/v2/components/Validators/index.jsx b/src/v2/components/Validators/index.jsx
@@ -23,7 +23,7 @@ const Validators = () => {
   const cards = [
     {
       title: 'Total Circulating SOL',
-      value: cluster.supply / Math.pow(2, 34).toFixed(2),
+      value: (cluster.supply / Math.pow(2, 34)).toFixed(2),
       changes: '',
       period: 'since yesterday',
     },