Tip closing counter adjustment (#3069)

This commit is contained in:
Jaco Greeff 2020-06-28 07:13:44 +02:00 committed by GitHub
parent ff2b7687d1
commit ee55c695e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -5,6 +5,7 @@
import { AccountId, Balance, BlockNumber, OpenTip } from '@polkadot/types/interfaces';
import React, { useEffect, useState } from 'react';
import styled from 'styled-components';
import { AddressSmall, AddressMini, Expander, Icon, TxButton } from '@polkadot/react-components';
import { useAccounts, useApi, useCall } from '@polkadot/react-hooks';
import { BlockToTime, FormatBalance } from '@polkadot/react-query';
@ -97,10 +98,10 @@ function Tip ({ bestNumber, className = '', hash, isMember, members }: Props): R
? bestNumber && (
closesAt.gt(bestNumber)
? (
<>
<div className='closingTimer'>
<BlockToTime blocks={closesAt.sub(bestNumber)} />
#{formatNumber(closesAt)}
</>
</div>
)
: (
<TipClose
@ -143,4 +144,8 @@ function Tip ({ bestNumber, className = '', hash, isMember, members }: Props): R
);
}
export default React.memo(Tip);
export default React.memo(styled(Tip)`
.closingTimer {
padding: 0 0.5rem;
}
`);