diff --git a/apps/explorer/src/app/components/empty-list/empty-list.tsx b/apps/explorer/src/app/components/empty-list/empty-list.tsx
new file mode 100644
index 000000000..c54b13ed7
--- /dev/null
+++ b/apps/explorer/src/app/components/empty-list/empty-list.tsx
@@ -0,0 +1,30 @@
+import { t } from "@vegaprotocol/react-helpers";
+
+export type EmptyListProps = {
+ heading?: string
+ label?: string
+};
+
+/**
+ * Renders the empty state from github ticket #1463
+ */
+const EmptyList = ({
+ heading,
+ label
+}: EmptyListProps) => {
+ return (
+
+
+
+
+ {heading ?
{heading}
: null}
+ {label ?
{label}
: null}
+
+
+ );
+};
+
+export default EmptyList;
diff --git a/apps/explorer/src/app/routes/blocks/id/block.tsx b/apps/explorer/src/app/routes/blocks/id/block.tsx
index 940422e29..5ca6a9279 100644
--- a/apps/explorer/src/app/routes/blocks/id/block.tsx
+++ b/apps/explorer/src/app/routes/blocks/id/block.tsx
@@ -18,6 +18,7 @@ import { RenderFetched } from '../../../components/render-fetched';
import { t, useFetch } from '@vegaprotocol/react-helpers';
import { NodeLink } from '../../../components/links';
import { useDocumentTitle } from '../../../hooks/use-document-title';
+import EmptyList from '../../../components/empty-list/empty-list';
const Block = () => {
const { block } = useParams<{ block: string }>();
@@ -112,7 +113,7 @@ const Block = () => {
blockHeight={blockData.result.block.header.height}
txCount={blockData.result.block.data.txs.length}
/>
- ) : null}
+ ) : }
>
)}
>