scott/crabfit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement relativeTimeFormat fn with locale

Browse source
This commit is contained in:
Ben Grant 2023-05-28 15:19:41 +10:00
parent 041256d5f8
commit a74fee9318
4 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/AvailabilityViewer/AvailabilityViewer.tsx
View file

@ -10,7 +10,7 @@ import { PersonResponse } from '/src/config/api'
import { useTranslation } from '/src/i18n/client'
import { useStore } from '/src/stores'
import useSettingsStore from '/src/stores/settingsStore'
import { calculateAvailability, calculateColumns, calculateRows, convertTimesToDates, makeClass } from '/src/utils'
import { calculateAvailability, calculateColumns, calculateRows, convertTimesToDates, makeClass, relativeTimeFormat } from '/src/utils'
import styles from './AvailabilityViewer.module.scss'
@ -188,7 +188,7 @@ const AvailabilityViewer = ({ times, timezone, people }: AvailabilityViewerProps
}}
onMouseOver={() => setTempFocus(person.name)}
onMouseOut={() => setTempFocus(undefined)}
title={Temporal.Instant.fromEpochSeconds(person.created_at).until(Temporal.Now.instant()).toLocaleString()}
title={relativeTimeFormat(Temporal.Instant.fromEpochSeconds(person.created_at), i18n.language)}
>{person.name}</button>
)}
</div>