57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
import { DApp, EXPLORER_ORACLE, useLinks } from '@vegaprotocol/environment';
|
|
import { MarketState } from '@vegaprotocol/types';
|
|
import { Link } from '@vegaprotocol/ui-toolkit';
|
|
import { getDateTimeFormat } from '@vegaprotocol/utils';
|
|
import { useT } from '../../lib/use-t';
|
|
import { formatDistanceToNowStrict, isAfter } from 'date-fns';
|
|
|
|
export interface SettlementDataCellProps {
|
|
oracleSpecId: string;
|
|
metaDate: Date | null;
|
|
closeTimestamp: string | null;
|
|
marketState: MarketState;
|
|
}
|
|
|
|
export const SettlementDateCell = ({
|
|
oracleSpecId,
|
|
metaDate,
|
|
closeTimestamp,
|
|
marketState,
|
|
}: SettlementDataCellProps) => {
|
|
const t = useT();
|
|
const linkCreator = useLinks(DApp.Explorer);
|
|
const date = closeTimestamp ? new Date(closeTimestamp) : metaDate;
|
|
|
|
let text = '';
|
|
if (!date) {
|
|
text = t('Unknown');
|
|
} else {
|
|
// pass Date.now() to date constructor for easier mocking
|
|
const expiryHasPassed = isAfter(new Date(Date.now()), date);
|
|
const distance = formatDistanceToNowStrict(date); // X days/mins ago
|
|
|
|
if (expiryHasPassed) {
|
|
if (marketState !== MarketState.STATE_SETTLED) {
|
|
text = t('Expected {{distance}} ago', { distance });
|
|
} else {
|
|
text = t('{{distance}} ago', { distance });
|
|
}
|
|
} else {
|
|
text = t('Expected in {{distance}}', { distance });
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Link
|
|
href={linkCreator(EXPLORER_ORACLE.replace(':id', oracleSpecId))}
|
|
className="underline"
|
|
target="_blank"
|
|
title={
|
|
date ? getDateTimeFormat().format(date) : t('Unknown settlement date')
|
|
}
|
|
>
|
|
{text}
|
|
</Link>
|
|
);
|
|
};
|