diff --git a/packages/page-parachains/src/Crowdloan/Fund.tsx b/packages/page-parachains/src/Crowdloan/Fund.tsx
index a770a117db..6b507f03a0 100644
--- a/packages/page-parachains/src/Crowdloan/Fund.tsx
+++ b/packages/page-parachains/src/Crowdloan/Fund.tsx
@@ -16,7 +16,7 @@ import { encodeAddress } from '@polkadot/util-crypto';
import { useTranslation } from '../translate';
import Contribute from './Contribute';
-import Withdraw from './Withdraw';
+import Refund from './Refund';
interface Props {
bestNumber?: BN;
@@ -92,14 +92,14 @@ function Fund ({ bestNumber, className, isOngoing, leasePeriod, value: { childKe
[cap, raised]
);
- const isLeaseOver = !!leasePeriod && (
+ const isLeaseOver = !blocksLeft && !!leasePeriod && (
isWinner
? leasePeriod.currentPeriod.gt(lastSlot)
: leasePeriod.currentPeriod.gt(firstSlot)
);
- const canContribute = isOngoing && blocksLeft && !isCapped && !isWinner && retiring.isFalse;
+ const canContribute = !!blocksLeft && isOngoing && !isCapped && !isWinner && retiring.isFalse;
const canDissolve = raised.isZero() || (retiring.isTrue && isLeaseOver);
- const canWithdraw = canDissolve || (!!(bestNumber && bestNumber.gt(end)) && isLeaseOver);
+ const canWithdraw = !raised.isZero() && isLeaseOver;
return (
@@ -165,7 +165,7 @@ function Fund ({ bestNumber, className, isOngoing, leasePeriod, value: { childKe
|
{canWithdraw && uniqueKeys.length !== 0 && (
- ('Dissolve')
+ ? t('Close')
: t('Cancel')
}
params={[paraId]}
diff --git a/packages/page-parachains/src/Crowdloan/Withdraw.tsx b/packages/page-parachains/src/Crowdloan/Refund.tsx
similarity index 96%
rename from packages/page-parachains/src/Crowdloan/Withdraw.tsx
rename to packages/page-parachains/src/Crowdloan/Refund.tsx
index 9f1227baff..8d723bf5c1 100644
--- a/packages/page-parachains/src/Crowdloan/Withdraw.tsx
+++ b/packages/page-parachains/src/Crowdloan/Refund.tsx
@@ -47,7 +47,7 @@ function createExtrinsics (api: ApiPromise, addresses: string[], paraId: ParaId,
}, []);
}
-function Withdraw ({ allAccounts, className, myAccounts, paraId }: Props): React.ReactElement {
+function Refund ({ allAccounts, className, myAccounts, paraId }: Props): React.ReactElement {
const { t } = useTranslation();
const { api } = useApi();
const { hasAccounts } = useAccounts();
@@ -140,7 +140,7 @@ function Withdraw ({ allAccounts, className, myAccounts, paraId }: Props): React
extrinsic={extrinsics}
icon='credit-card'
isDisabled={!extrinsics || !extrinsics.length || !accountId}
- label={t('Withdraw')}
+ label={t('Refund')}
onStart={toggleOpen}
/>
@@ -150,4 +150,4 @@ function Withdraw ({ allAccounts, className, myAccounts, paraId }: Props): React
);
}
-export default React.memo(Withdraw);
+export default React.memo(Refund);
diff --git a/packages/page-parachains/src/Overview/Parachain.tsx b/packages/page-parachains/src/Overview/Parachain.tsx
index a933e269fa..7a1a18a211 100644
--- a/packages/page-parachains/src/Overview/Parachain.tsx
+++ b/packages/page-parachains/src/Overview/Parachain.tsx
@@ -189,7 +189,7 @@ function Parachain ({ bestNumber, className = '', id, lastBacked, lastInclusion,
}
|
{paraBest && <>{formatNumber(paraBest)}>} |
-
+ |
{paraInfo.updateAt && bestNumber && (
<>
@@ -197,7 +197,7 @@ function Parachain ({ bestNumber, className = '', id, lastBacked, lastInclusion,
>
)}
|
-
+ |
{formatNumber(paraInfo.qUmp)} / {formatNumber(paraInfo.qDmp)} / {formatNumber(paraInfo.qHrmpE)} / {formatNumber(paraInfo.qHrmpI)}
|
diff --git a/packages/page-parachains/src/Overview/Parachains.tsx b/packages/page-parachains/src/Overview/Parachains.tsx
index 3b0d43a0b1..7de50409da 100644
--- a/packages/page-parachains/src/Overview/Parachains.tsx
+++ b/packages/page-parachains/src/Overview/Parachains.tsx
@@ -145,8 +145,8 @@ function Parachains ({ actionsQueue, ids, scheduled }: Props): React.ReactElemen
[t('backed'), 'no-pad-left'],
[t('timeout'), 'no-pad-left'],
[t('chain best'), 'media--900 no-pad-left'],
- [t('upgrade'), 'media--1300'],
- [t('ump/dmp/hrmp'), 'media--1200']
+ [t('upgrade'), 'media--1200'],
+ [t('ump/dmp/hrmp'), 'media--1300']
]);
const scheduledIds = useMemo(