diff --git a/packages/page-preimages/src/Preimages/Call.tsx b/packages/page-preimages/src/Preimages/Call.tsx index a9df215282..861f45bdf1 100644 --- a/packages/page-preimages/src/Preimages/Call.tsx +++ b/packages/page-preimages/src/Preimages/Call.tsx @@ -29,13 +29,16 @@ function PreimageCall ({ className = '', value }: Props): React.ReactElement )} { - (value.proposalError && ) || - (value.proposalWarning && ) + value.proposalError + ? + : value.proposalWarning + ? + : null } )} - + {value?.deposit && ( { {info?.bytes && formatNumber(info.bytes.length)} -
{info?.status?.type}
- {info && } - - - {info && info.count !== 0 && formatNumber(info.count)} + {info && ( + <> +
{info.status?.type}{info.count !== 0 && <> / {formatNumber(info.count)}}
+ + + )} ); diff --git a/packages/page-preimages/src/Preimages/index.tsx b/packages/page-preimages/src/Preimages/index.tsx index aaf76eca93..08960d35c0 100644 --- a/packages/page-preimages/src/Preimages/index.tsx +++ b/packages/page-preimages/src/Preimages/index.tsx @@ -28,8 +28,7 @@ function Hashes ({ className }: Props): React.ReactElement { [t('preimages'), 'start', 2], [undefined, 'media--1300'], [t('size'), 'media--1000'], - [t('status'), 'start media--1200'], - [t('count'), 'media--1400'] + [t('status'), 'start media--1200'] ]); return (