diff --git a/src/v2/components/Blocks/Detail/index.jsx b/src/v2/components/Blocks/Detail/index.jsx index ab98a701..02eeb7ce 100644 --- a/src/v2/components/Blocks/Detail/index.jsx +++ b/src/v2/components/Blocks/Detail/index.jsx @@ -11,11 +11,11 @@ import Mixpanel from 'v2/mixpanel'; import CopyBtn from 'v2/components/UI/CopyBtn'; import TransactionsTable from 'v2/components/Transactions/Table'; import Loader from 'v2/components/UI/Loader'; - -import useStyles from './styles'; import BlockDetailStore from 'v2/stores/blocks/detail'; import formatDistanceToNow from 'date-fns/formatDistanceToNow'; +import useStyles from './styles'; + const BlockDetail = ({match}: {match: Match}) => { const classes = useStyles(); const {isLoading, blockId, block} = BlockDetailStore; @@ -28,6 +28,8 @@ const BlockDetail = ({match}: {match: Match}) => { Mixpanel.track(`Clicked Block ${match.params.id}`); }, [match.params.id]); + if (!block) return null; + if (isLoading) { return ; } @@ -60,9 +62,9 @@ const BlockDetail = ({match}: {match: Match}) => { { label: 'Leader', hint: '', - value: () => { + value() { return ( - + {block.leader} diff --git a/src/v2/components/Transactions/Detail/index.jsx b/src/v2/components/Transactions/Detail/index.jsx index fd42eae5..2152db6c 100644 --- a/src/v2/components/Transactions/Detail/index.jsx +++ b/src/v2/components/Transactions/Detail/index.jsx @@ -4,20 +4,21 @@ import useMediaQuery from '@material-ui/core/useMediaQuery/useMediaQuery'; import {map, eq} from 'lodash/fp'; import React, {useState} from 'react'; import SectionHeader from 'v2/components/UI/SectionHeader'; -import TransactionCode from './Code'; import HelpLink from 'v2/components/HelpLink'; import QRPopup from 'v2/components/QRPopup'; -import CopyBtn from '../../UI/CopyBtn'; -import TabNav from '../../UI/TabNav'; import Loader from 'v2/components/UI/Loader'; +import TabNav from 'v2/components/UI/TabNav'; +import CopyBtn from 'v2/components/UI/CopyBtn'; import {observer} from 'mobx-react-lite'; import _ from 'lodash'; +import TransactionDetailStore from 'v2/stores/transactions/detail'; +import formatDistanceToNow from 'date-fns/formatDistanceToNow'; +import {Link, Match} from 'react-router-dom'; + import ApplicationsTab from './ApplicationsTab'; import ApplicationStatus from './Status'; import useStyles from './styles'; -import TransactionDetailStore from 'v2/stores/transactions/detail'; -import formatDistanceToNow from 'date-fns/formatDistanceToNow'; -import {Match} from 'react-router-dom'; +import TransactionCode from './Code'; const TransactionDetail = ({match}: {match: Match}) => { const classes = useStyles(); @@ -59,7 +60,13 @@ const TransactionDetail = ({match}: {match: Match}) => { { label: 'Block', hint: '', - value: transaction.blockId, + value() { + return ( + + {transaction.blockId} + + ); + }, }, { label: 'Confirmations', @@ -107,7 +114,6 @@ const TransactionDetail = ({match}: {match: Match}) => { const renderTabNav = label => ; const url = window.location.href; - return (