diff --git a/src/v2/assets/icons/github.svg b/src/v2/assets/icons/github.svg new file mode 100644 index 00000000..40f9dcea --- /dev/null +++ b/src/v2/assets/icons/github.svg @@ -0,0 +1,3 @@ + diff --git a/src/v2/components/Header/index.jsx b/src/v2/components/Header/index.jsx index c937ffcc..2327ac0e 100644 --- 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 = () => {
+ report issues/
+
+ feedback on github:
+
Real-time diff --git a/src/v2/components/Header/styles.js b/src/v2/components/Header/styles.js index 49b7af7f..bb92b852 100644 --- 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 index 7efaab05..64c5df45 100644 --- 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 index e97c3d31..7f2be294 100644 --- 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 (