diff --git a/packages/page-parachains/src/Overview/Summary.tsx b/packages/page-parachains/src/Overview/Summary.tsx index c54acfb9b4..cedd3ecf73 100644 --- a/packages/page-parachains/src/Overview/Summary.tsx +++ b/packages/page-parachains/src/Overview/Summary.tsx @@ -7,6 +7,7 @@ import React from 'react'; import SummarySession from '@polkadot/app-explorer/SummarySession'; import { CardSummary, SummaryBox } from '@polkadot/react-components'; +import { BestFinalized } from '@polkadot/react-query'; import { formatNumber, isNumber } from '@polkadot/util'; import { useTranslation } from '../translate'; @@ -42,22 +43,25 @@ function Summary ({ leasePeriod, parachainCount, proposalCount, upcomingCount }:
{leasePeriod && ( - ('current lease')}> - {formatNumber(leasePeriod.currentPeriod)} - + <> + ('current lease')}> + {formatNumber(leasePeriod.currentPeriod)} + + ('lease period')} + progress={{ + total: leasePeriod.length, + value: leasePeriod.progress, + withTime: true + }} + /> + )}
- {leasePeriod && ( - ('lease period')} - progress={{ - total: leasePeriod.length, - value: leasePeriod.progress, - withTime: true - }} - /> - )} + ('finalized')}> + +