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

Clean up markup in CopyLinkDateTimeComponent (#809)

Browse Source
This commit is contained in:
Marshall Polaris 2022-08-27 19:05:46 -07:00 committed by GitHub
parent 36fa9078f5
commit ef77c7c9a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
web/components/feed/copy-link-date-time.tsx
View File

@ -6,7 +6,6 @@ import Link from 'next/link'
import { fromNow } from 'web/lib/util/time' import { fromNow } from 'web/lib/util/time'
import { ToastClipboard } from 'web/components/toast-clipboard' import { ToastClipboard } from 'web/components/toast-clipboard'
import { LinkIcon } from '@heroicons/react/outline' import { LinkIcon } from '@heroicons/react/outline'
import clsx from 'clsx'
export function CopyLinkDateTimeComponent(props: { export function CopyLinkDateTimeComponent(props: {
prefix: string prefix: string
@ -29,26 +28,19 @@ export function CopyLinkDateTimeComponent(props: {
setTimeout(() => setShowToast(false), 2000) setTimeout(() => setShowToast(false), 2000)
} }
return ( return (
<div className={clsx('inline', className)}> <DateTimeTooltip className={className} time={createdTime} noTap>
<DateTimeTooltip time={createdTime} noTap> <Link href={`/${prefix}/${slug}#${elementId}`} passHref={true}>
<Link href={`/${prefix}/${slug}#${elementId}`} passHref={true}> <a
<a onClick={copyLinkToComment}
onClick={(event) => copyLinkToComment(event)} className={
className={'mx-1 cursor-pointer'} 'mx-1 whitespace-nowrap rounded-sm px-1 text-gray-400 hover:bg-gray-100'
> }
<span className="whitespace-nowrap rounded-sm px-1 text-gray-400 hover:bg-gray-100 "> >
{fromNow(createdTime)} {fromNow(createdTime)}
{showToast && ( {showToast && <ToastClipboard className={'left-24 sm:-left-16'} />}
<ToastClipboard className={'left-24 sm:-left-16'} /> <LinkIcon className="ml-1 mb-0.5 inline" height={13} />
)} </a>
<LinkIcon </Link>
className="ml-1 mb-0.5 inline-block text-gray-400" </DateTimeTooltip>
height={13}
/>
</span>
</a>
</Link>
</DateTimeTooltip>
</div>
) )
} }