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

Fix grouped bets feed for multi outcomes

Browse Source
This commit is contained in:
James Grugett 2022-02-16 15:51:41 -06:00
parent 9c9b328860
commit 95a63db6ea
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -540,7 +540,7 @@ function groupBets(
return items as ActivityItem[] return items as ActivityItem[]
} }
function BetGroupSpan(props: { bets: Bet[]; outcome: 'YES' | 'NO' }) { function BetGroupSpan(props: { bets: Bet[]; outcome: string }) {
const { bets, outcome } = props const { bets, outcome } = props
const numberTraders = _.uniqBy(bets, (b) => b.userId).length const numberTraders = _.uniqBy(bets, (b) => b.userId).length
@ -566,7 +566,8 @@ function FeedBetGroup(props: { activityItem: any }) {
const { activityItem } = props const { activityItem } = props
const bets: Bet[] = activityItem.bets const bets: Bet[] = activityItem.bets
const [yesBets, noBets] = _.partition(bets, (bet) => bet.outcome === 'YES') const betGroups = _.groupBy(bets, (bet) => bet.outcome)
const outcomes = Object.keys(betGroups)
// Use the time of the last bet for the entire group // Use the time of the last bet for the entire group
const createdTime = bets[bets.length - 1].createdTime const createdTime = bets[bets.length - 1].createdTime
@ -582,9 +583,12 @@ function FeedBetGroup(props: { activityItem: any }) {
</div> </div>
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">
<div className="text-sm text-gray-500"> <div className="text-sm text-gray-500">
{yesBets.length > 0 && <BetGroupSpan outcome="YES" bets={yesBets} />} {outcomes.map((outcome, index) => (
{yesBets.length > 0 && noBets.length > 0 && <br />} <>
{noBets.length > 0 && <BetGroupSpan outcome="NO" bets={noBets} />} <BetGroupSpan outcome={outcome} bets={betGroups[outcome]} />
{index !== outcomes.length - 1 && <br />}
</>
))}
<Timestamp time={createdTime} /> <Timestamp time={createdTime} />
</div> </div>
</div> </div>