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

Truncate user link

Browse Source
This commit is contained in:
James Grugett 2022-05-18 17:08:36 -04:00
parent 1f3f800a57
commit e9ee7e2355
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/contract/contract-details.tsx
View File

@ -55,11 +55,7 @@ export function AbbrContractDetails(props: {
avatarUrl={contract.creatorAvatarUrl} avatarUrl={contract.creatorAvatarUrl}
size={6} size={6}
/> />
<UserLink <UserLink name={creatorName} username={creatorUsername} />
className="whitespace-nowrap"
name={creatorName}
username={creatorUsername}
/>
</Row> </Row>
<Row className="gap-3 text-gray-400"> <Row className="gap-3 text-gray-400">

6
web/components/user-page.tsx
View File

@ -19,7 +19,6 @@ import { Comment, getUsersComments } from 'web/lib/firebase/comments'
import { Contract } from 'common/contract' import { Contract } from 'common/contract'
import { getContractFromId, listContracts } from 'web/lib/firebase/contracts' import { getContractFromId, listContracts } from 'web/lib/firebase/contracts'
import { LoadingIndicator } from './loading-indicator' import { LoadingIndicator } from './loading-indicator'
import { useRouter } from 'next/router'
import _ from 'lodash' import _ from 'lodash'
import { BetsList } from './bets-list' import { BetsList } from './bets-list'
import { Bet } from 'common/bet' import { Bet } from 'common/bet'
@ -34,7 +33,10 @@ export function UserLink(props: {
const { name, username, showUsername, className } = props const { name, username, showUsername, className } = props
return ( return (
<SiteLink href={`/${username}`} className={clsx('z-10', className)}> <SiteLink
href={`/${username}`}
className={clsx('z-10 truncate', className)}
>
{name} {name}
{showUsername && ` (@${username})`} {showUsername && ` (@${username})`}
</SiteLink> </SiteLink>