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

Remove extra wrapper from RelativeTimestamp

Browse Source
This commit is contained in:
Marshall Polaris 2022-08-12 17:33:08 -07:00
parent 71d112f10e
commit dbb8057223
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/datetime-tooltip.tsx
View File

@ -11,16 +11,17 @@ dayjs.extend(advanced)
export function DateTimeTooltip(props: { export function DateTimeTooltip(props: {
time: Dayjs time: Dayjs
text?: string text?: string
className?: string
children?: React.ReactNode children?: React.ReactNode
noTap?: boolean noTap?: boolean
}) { }) {
const { time, text, noTap } = props const { className, time, text, noTap } = props
const formattedTime = time.format('MMM DD, YYYY hh:mm a z') const formattedTime = time.format('MMM DD, YYYY hh:mm a z')
const toolTip = text ? `${text} ${formattedTime}` : formattedTime const toolTip = text ? `${text} ${formattedTime}` : formattedTime
return ( return (
<Tooltip text={toolTip} noTap={noTap}> <Tooltip className={className} text={toolTip} noTap={noTap}>
{props.children} {props.children}
</Tooltip> </Tooltip>
) )

9
web/components/relative-timestamp.tsx
View File

@ -6,10 +6,11 @@ export function RelativeTimestamp(props: { time: number }) {
const { time } = props const { time } = props
const dayJsTime = dayjs(time) const dayJsTime = dayjs(time)
return ( return (
<DateTimeTooltip time={dayJsTime}> <DateTimeTooltip
<span className="ml-1 whitespace-nowrap text-gray-400"> className="ml-1 whitespace-nowrap text-gray-400"
{dayJsTime.fromNow()} time={dayJsTime}
</span> >
{dayJsTime.fromNow()}
</DateTimeTooltip> </DateTimeTooltip>
) )
} }