diff --git a/components/block/BlockDetails.tsx b/components/block/BlockDetails.tsx index 1624b3b9bc73612dcae7fc9c6b05928133696717..8be7320ff03165af017f4ccd484bc7d30a181efd 100644 --- a/components/block/BlockDetails.tsx +++ b/components/block/BlockDetails.tsx @@ -26,6 +26,8 @@ const BlockDetails: React.FC<BlockDetailsProps> = ({ enableRawVirtualOperations, handleEnableVirtualOperations, }) => { + if (!blockDetails) return; + return ( <Card className="flex flex-col w-full md:max-w-screen-2xl m-auto" @@ -33,7 +35,7 @@ const BlockDetails: React.FC<BlockDetailsProps> = ({ > <CardHeader> <CardTitle data-testid="block-number"> - Block {blockDetails?.block_num?.toLocaleString()} + Block {blockDetails.block_num.toLocaleString()} </CardTitle> </CardHeader> <CardContent> @@ -42,22 +44,22 @@ const BlockDetails: React.FC<BlockDetailsProps> = ({ data-testid="produced-data" > <p>Produced at: </p> - <p>{formatAndDelocalizeTime(blockDetails?.created_at)}</p> + <p>{formatAndDelocalizeTime(blockDetails.created_at)}</p> <p>by</p> <Link className="flex justif-between items-center" data-testid="account-name" - href={`/@${blockDetails?.producer_account}`} + href={`/@${blockDetails.producer_account}`} > <span className="text-link mx-2" data-testid="block-producer-name" > - {blockDetails?.producer_account} + {blockDetails.producer_account} </span> <Image className="rounded-full border-2 border-link" - src={getHiveAvatarUrl(blockDetails?.producer_account)} + src={getHiveAvatarUrl(blockDetails.producer_account)} alt="avatar" width={40} height={40} @@ -72,7 +74,7 @@ const BlockDetails: React.FC<BlockDetailsProps> = ({ > Hash:{" "} </span> - {blockDetails?.hash.slice(2)} + {blockDetails.hash} </p> <p> <span @@ -81,7 +83,7 @@ const BlockDetails: React.FC<BlockDetailsProps> = ({ > Prev hash:{" "} </span> - {blockDetails?.prev.slice(2)} + {blockDetails.prev} </p> </div> <BlockPageOperationCount