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 (