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} + ) : } )}