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

Linkify user avatars in feed

Browse Source
This commit is contained in:
jahooma 2022-01-13 15:24:14 -06:00
parent 1683a3842b
commit fc5fa000b9
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/components/contract-feed.tsx
View File

@ -39,7 +39,7 @@ function FeedComment(props: { activityItem: any }) {
const { person, text, amount, outcome, createdTime } = activityItem const { person, text, amount, outcome, createdTime } = activityItem
return ( return (
<> <>
<div className="relative"> <SiteLink className="relative" href={`/${person.username}`}>
<img <img
className="h-10 w-10 rounded-full bg-gray-400 flex items-center justify-center ring-8 ring-gray-50" className="h-10 w-10 rounded-full bg-gray-400 flex items-center justify-center ring-8 ring-gray-50"
src={person.avatarUrl} src={person.avatarUrl}
@ -49,13 +49,15 @@ function FeedComment(props: { activityItem: any }) {
<span className="absolute -bottom-3 -right-2 bg-gray-50 rounded-tl px-0.5 py-px"> <span className="absolute -bottom-3 -right-2 bg-gray-50 rounded-tl px-0.5 py-px">
<ChatAltIcon className="h-5 w-5 text-gray-400" aria-hidden="true" /> <ChatAltIcon className="h-5 w-5 text-gray-400" aria-hidden="true" />
</span> </span>
</div> </SiteLink>
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">
<div> <div>
<p className="mt-0.5 text-sm text-gray-500"> <p className="mt-0.5 text-sm text-gray-500">
<a href={person.href} className="font-medium text-gray-900"> <UserLink
{person.name} className="text-gray-500"
</a>{' '} username={person.username}
name={person.name}
/>{' '}
placed {formatMoney(amount)} on <OutcomeLabel outcome={outcome} />{' '} placed {formatMoney(amount)} on <OutcomeLabel outcome={outcome} />{' '}
<Timestamp time={createdTime} /> <Timestamp time={createdTime} />
</p> </p>
@ -371,7 +373,7 @@ function toFeedComment(bet: Bet, comment: Comment) {
// Invariant: bet.comment exists // Invariant: bet.comment exists
text: comment.text, text: comment.text,
person: { person: {
href: `/${comment.userUsername}`, username: comment.userUsername,
name: comment.userName, name: comment.userName,
avatarUrl: comment.userAvatarUrl, avatarUrl: comment.userAvatarUrl,
}, },