mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
29 lines
640 B
TypeScript
29 lines
640 B
TypeScript
import React, { ReactElement } from 'react'
|
|
import { format, formatDistance } from 'date-fns'
|
|
|
|
export default function Time({
|
|
date,
|
|
relative,
|
|
isUnix
|
|
}: {
|
|
date: string
|
|
relative?: boolean
|
|
isUnix?: boolean
|
|
}): ReactElement {
|
|
const dateNew = isUnix ? new Date(Number(date) * 1000) : new Date(date)
|
|
const dateIso = dateNew.toISOString()
|
|
|
|
return !date ? (
|
|
<></>
|
|
) : (
|
|
<time
|
|
title={relative ? format(dateNew, 'MMMM d, yyyy') : undefined}
|
|
dateTime={dateIso}
|
|
>
|
|
{relative
|
|
? formatDistance(dateNew, Date.now(), { addSuffix: true })
|
|
: format(dateNew, 'MMMM d, yyyy')}
|
|
</time>
|
|
)
|
|
}
|