open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Close time label: show relative time iff same day. Show year iff not same year.

Browse Source
This commit is contained in:
James Grugett 2022-04-19 12:55:22 -05:00
parent 24a9a79f16
commit d19debfd19
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/contract/contract-card.tsx
View File

@ -331,6 +331,9 @@ function EditableCloseDate(props: {
closeTime && dayjs(closeTime).format('YYYY-MM-DDT23:59')
)
const isSameYear = dayjs(closeTime).isSame(dayjs(), 'year')
const isSameDay = dayjs(closeTime).isSame(dayjs(), 'day')
const onSave = () => {
const newCloseTime = dayjs(closeDate).valueOf()
if (newCloseTime === closeTime) setIsEditingCloseTime(false)
@ -366,7 +369,10 @@ function EditableCloseDate(props: {
text={closeTime > Date.now() ? 'Trading ends:' : 'Trading ended:'}
time={closeTime}
>
{dayjs(closeTime).format('MMM D')} ({fromNow(closeTime)})
{isSameYear
? dayjs(closeTime).format('MMM D')
: dayjs(closeTime).format('MMM D, YYYY')}
{isSameDay && <> ({fromNow(closeTime)})</>}
</DateTimeTooltip>
)}