Tidy markup

This commit is contained in:
Marshall Polaris 2022-09-01 15:11:09 -07:00
parent 020891d4af
commit 208de93fba

View File

@ -137,19 +137,18 @@ export function ContractDetails(props: {
const isMobile = (width ?? 0) < 600 const isMobile = (width ?? 0) < 600
const groupToDisplay = getGroupLinkToDisplay(contract) const groupToDisplay = getGroupLinkToDisplay(contract)
const groupInfo = groupToDisplay ? ( const groupInfo = groupToDisplay ? (
<Row <Link prefetch={false} href={groupPath(groupToDisplay.slug)}>
className={clsx( <a
'items-center pr-0 sm:pr-2', className={clsx(
isMobile ? 'max-w-[140px]' : 'max-w-[250px]' linkClass,
)} 'flex flex-row items-center truncate pr-0 sm:pr-2',
> isMobile ? 'max-w-[140px]' : 'max-w-[250px]'
<Link prefetch={false} href={groupPath(groupToDisplay.slug)}> )}
<a className={clsx(linkClass, 'flex flex-row truncate')}> >
<UserGroupIcon className="mx-1 inline h-5 w-5 shrink-0" /> <UserGroupIcon className="mx-1 inline h-5 w-5 shrink-0" />
<span className="items-center truncate">{groupToDisplay.name}</span> <span className="items-center truncate">{groupToDisplay.name}</span>
</a> </a>
</Link> </Link>
</Row>
) : ( ) : (
<Button <Button
size={'xs'} size={'xs'}