46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import { IBaseDomainRequest } from 'libs/ens';
|
|
import ENSTime from './components/ENSTime';
|
|
import moment from 'moment';
|
|
import { NewTabLink } from 'components/ui';
|
|
import { ensV3Url } from 'utils/formatters';
|
|
import translate from 'translations';
|
|
|
|
const getDeadlines = (registrationDate: string) => {
|
|
// Get the time to reveal bids, and the time when the action closes
|
|
const time = moment(+registrationDate * 1000);
|
|
const auctionCloseTime = +time;
|
|
const revealBidTime = +time.subtract(2, 'days');
|
|
return { auctionCloseTime, revealBidTime };
|
|
};
|
|
|
|
export const NameAuction: React.SFC<IBaseDomainRequest> = props => {
|
|
const { registrationDate, name } = props;
|
|
const { auctionCloseTime, revealBidTime } = getDeadlines(registrationDate);
|
|
return (
|
|
<section className="row">
|
|
<div className="auction-info text-center">
|
|
<div className="ens-title">
|
|
<h1>{translate('ENS_DOMAIN_AUCTION', { $name: name + '.eth' })}</h1>
|
|
</div>
|
|
|
|
<div className="ens-panel-wrapper">
|
|
<section className="ens-panel">
|
|
<ENSTime text="Reveal Bids On" time={revealBidTime} />
|
|
</section>
|
|
<section className="ens-panel is-light">
|
|
<ENSTime text="Auction Closes On" time={auctionCloseTime} />
|
|
</section>
|
|
</div>
|
|
|
|
<p>
|
|
{translate('NAME_AUCTION_PROMPT_BID')}
|
|
<strong>
|
|
<NewTabLink href={ensV3Url(name)}>{translate('NAME_AUCTION_PROMPT_BID_2')}</NewTabLink>
|
|
</strong>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|