Samuel Newman
38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
import {useEffect, useState} from 'react'
|
|
import {type I18n} from '@lingui/core'
|
|
import {plural} from '@lingui/macro'
|
|
|
|
export function displayDuration(i18n: I18n, durationInMinutes: number) {
|
|
const roundedDurationInMinutes = Math.round(durationInMinutes)
|
|
const hours = Math.floor(roundedDurationInMinutes / 60)
|
|
const minutes = roundedDurationInMinutes % 60
|
|
const minutesString = i18n._(
|
|
plural(minutes, {one: '# minute', other: '# minutes'}),
|
|
)
|
|
return hours > 0
|
|
? i18n._(
|
|
minutes > 0
|
|
? plural(hours, {
|
|
one: `# hour ${minutesString}`,
|
|
other: `# hours ${minutesString}`,
|
|
})
|
|
: plural(hours, {
|
|
one: '# hour',
|
|
other: '# hours',
|
|
}),
|
|
)
|
|
: minutesString
|
|
}
|
|
|
|
// Trailing debounce
|
|
export function useDebouncedValue<T>(val: T, delayMs: number): T {
|
|
const [prev, setPrev] = useState(val)
|
|
|
|
useEffect(() => {
|
|
const timeout = setTimeout(() => setPrev(val), delayMs)
|
|
return () => clearTimeout(timeout)
|
|
}, [val, delayMs])
|
|
|
|
return prev
|
|
}
|