Merge pull request #10 from etclabscore/fix/multi-geth-version

fix: mutli-geth version

src/containers/Address.tsx

@@ -8,7 +8,7 @@ const unit = require("ethjs-unit");
 
 export default function Address({ match }: { match: { params: { address: string } } }) {
   const { address } = match.params;
-  const [erpc] = useMultiGeth("1.9.1", "mainnet");
+  const [erpc] = useMultiGeth("1.9.0", "mainnet");
   const [blockNumber] = useBlockNumber(erpc);
   const [transactionCount, setTransactionCount] = React.useState();
   const [balance, setBalance] = React.useState();

src/containers/Block.tsx

@@ -5,7 +5,7 @@ import useMultiGeth from "../erpc";
 
 export default function Block(props: any) {
   const { match: { params: { hash } } } = props;
-  const [erpc] = useMultiGeth("1.9.1", "mainnet");
+  const [erpc] = useMultiGeth("1.9.0", "mainnet");
   const [block, setBlock] = React.useState();
   React.useEffect(() => {
     if (!erpc) { return; }

src/containers/BlockList.tsx

@@ -13,7 +13,7 @@ interface IProps {
 
 export default function BlockListContainer(props: IProps) {
   const { from, to } = props;
-  const [erpc] = useMultiGeth("1.9.1", "mainnet");
+  const [erpc] = useMultiGeth("1.9.0", "mainnet");
   const [blocks, setBlocks] = React.useState();
   React.useEffect(() => {
     if (!erpc) { return; }

src/containers/Dashboard.tsx

@@ -8,6 +8,7 @@ import HashRate from "../components/HashRate";
 import useMultiGeth from "../erpc";
 import getBlocks, { useBlockNumber } from "../helpers";
 import BlockList from "./BlockList";
+import useInterval from "use-interval";
 
 const useState = React.useState;
 
@@ -58,7 +59,7 @@ const getStyles = () => {
 
 export default (props: any) => {
   const styles = getStyles();
-  const [erpc] = useMultiGeth("1.9.1", "mainnet");
+  const [erpc] = useMultiGeth("1.9.0", "mainnet");
   const [blockNumber] = useBlockNumber(erpc);
   const [chainId, setChainId] = useState();
   const [block, setBlock] = useState();
@@ -88,10 +89,12 @@ export default (props: any) => {
     });
   }, [blockNumber, erpc]);
 
-  React.useEffect(() => {
+  useInterval(() => {
     if (!erpc) { return; }
+
     erpc.eth_syncing().then(setSyncing);
-  }, [erpc]);
+  }, 10000, true);
+
 
   React.useEffect(() => {
     if (!erpc) { return; }
@@ -181,12 +184,12 @@ export default (props: any) => {
             <VictoryBar data={blocks.map(blockMapUncles)} />
           </VictoryChart>
         </Grid>
-        {blockNumber &&
-          <Grid item={true} key={"blocks"}>
-            <Button href={"/blocks"}>View All Blocks</Button>
-            <BlockList from={Math.max(blockNumber - 11, 0)} to={blockNumber} erpc={erpc} />
-          </Grid>
-        }
+
+        <Grid item={true} key={"blocks"}>
+          <Button href={"/blocks"}>View All Blocks</Button>
+          <BlockList from={Math.max(blockNumber - 11, 0)} to={blockNumber} erpc={erpc} />
+        </Grid>
+
       </Grid>
     </div>
   );

src/containers/NodeView.tsx

@@ -5,7 +5,7 @@ import { useBlockNumber } from "../helpers";
 import BlockList from "./BlockList";
 
 export default function NodeView(props: any) {
-  const [erpc] = useMultiGeth("1.9.1", "mainnet");
+  const [erpc] = useMultiGeth("1.9.0", "mainnet");
   const [blockNumber] = useBlockNumber(erpc);
   if (!blockNumber) {
     return (<CircularProgress />);

src/containers/Transaction.tsx

@@ -5,7 +5,7 @@ import useMultiGeth from "../erpc";
 
 export default function TransactionContainer(props: any) {
   const hash = props.match.params.hash;
-  const [erpc] = useMultiGeth("1.9.1", "mainnet");
+  const [erpc] = useMultiGeth("1.9.0", "mainnet");
   const [transaction, setTransaction] = React.useState();
   const [receipt, setReceipt] = React.useState();