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

Show your own avatar for your feed trades

Browse Source
This commit is contained in:
Austin Chen 2022-02-05 22:19:10 -08:00
parent 0223ecdac2
commit 359bfbf614
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -95,9 +95,9 @@ function FeedBet(props: { activityItem: any }) {
const { activityItem } = props const { activityItem } = props
const { id, contractId, amount, outcome, createdTime } = activityItem const { id, contractId, amount, outcome, createdTime } = activityItem
const user = useUser() const user = useUser()
const isCreator = user?.id == activityItem.userId const isSelf = user?.id == activityItem.userId
// The creator can comment if the bet was posted in the last hour // The creator can comment if the bet was posted in the last hour
const canComment = isCreator && Date.now() - createdTime < 60 * 60 * 1000 const canComment = isSelf && Date.now() - createdTime < 60 * 60 * 1000
const [comment, setComment] = useState('') const [comment, setComment] = useState('')
async function submitComment() { async function submitComment() {
@ -111,15 +111,19 @@ function FeedBet(props: { activityItem: any }) {
return ( return (
<> <>
<div> <div>
<div className="relative px-1"> {isSelf ? (
<div className="h-8 w-8 bg-gray-200 rounded-full flex items-center justify-center"> <Avatar avatarUrl={user?.avatarUrl} />
<UserIcon className="h-5 w-5 text-gray-500" aria-hidden="true" /> ) : (
<div className="relative px-1">
<div className="h-8 w-8 bg-gray-200 rounded-full flex items-center justify-center">
<UserIcon className="h-5 w-5 text-gray-500" aria-hidden="true" />
</div>
</div> </div>
</div> )}
</div> </div>
<div className="min-w-0 flex-1 py-1.5"> <div className="min-w-0 flex-1 py-1.5">
<div className="text-sm text-gray-500"> <div className="text-sm text-gray-500">
<span>{isCreator ? 'You' : 'A trader'}</span> {bought} {money} of{' '} <span>{isSelf ? 'You' : 'A trader'}</span> {bought} {money} of{' '}
<OutcomeLabel outcome={outcome} /> <Timestamp time={createdTime} /> <OutcomeLabel outcome={outcome} /> <Timestamp time={createdTime} />
{canComment && ( {canComment && (
// Allow user to comment in an textarea if they are the creator // Allow user to comment in an textarea if they are the creator