add won/lost bets filters to "my bets" (#158)

SwaprHQ · Jan 29, 2025 · fb96350 · fb96350
1 parent e975bb7
commit fb96350
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 1 deletion.
diff --git a/app/(main)/my-bets/page.tsx b/app/(main)/my-bets/page.tsx
@@ -34,6 +34,10 @@ export default function MyBetsPage() {
     () => userBetsManager.getCompletedBets(),
     [userBetsManager]
   );
+
+  const filterWonBets = useMemo(() => userBetsManager.getWonBets(), [userBetsManager]);
+  const filterLostBets = useMemo(() => userBetsManager.getLostBets(), [userBetsManager]);
+
   const filterUnredeemedBets = useMemo(
     () => userBetsManager.getUnredeemedBets(),
     [userBetsManager]
@@ -49,10 +53,12 @@ export default function MyBetsPage() {
         <div className="md:w-[760px]">
           <TabGroup>
             <TabHeader className="overflow-x-auto md:overflow-x-visible">
-              <BetsListTab bets={userPositionsComplete ?? []}>All Bets</BetsListTab>
+              <BetsListTab bets={userPositionsComplete ?? []}>All</BetsListTab>
               <BetsListTab bets={filterActiveBets}>Active</BetsListTab>
               <BetsListTab bets={filterUnredeemedBets}>Unredeemed</BetsListTab>
               <BetsListTab bets={filterCompleteBets}>Complete</BetsListTab>
+              <BetsListTab bets={filterWonBets}>Won</BetsListTab>
+              <BetsListTab bets={filterLostBets}>Lost</BetsListTab>
             </TabHeader>
             <TabBody className="mt-8">
               <BetsListPanel bets={userPositionsComplete ?? []} isLoading={isLoading} />
@@ -71,6 +77,16 @@ export default function MyBetsPage() {
                 bets={filterCompleteBets}
                 isLoading={isLoading}
               />
+              <BetsListPanel
+                emptyText="No won bets"
+                bets={filterWonBets}
+                isLoading={isLoading}
+              />
+              <BetsListPanel
+                emptyText="No lost bets"
+                bets={filterLostBets}
+                isLoading={isLoading}
+              />
             </TabBody>
           </TabGroup>
         </div>

diff --git a/entities/markets/userBets.ts b/entities/markets/userBets.ts
@@ -1,7 +1,9 @@
+import { Market } from '@/entities/markets/market';
 import { MarketCondition } from '@/entities/markets/marketCondition';
 import { Position } from '@/entities/markets/position';
 import { Condition, UserPosition } from '@/queries/conditional-tokens/types';
 import { FixedProductMarketMaker, FpmmTrade } from '@/queries/omen';
+import { Position as ConditionalTokenPosition } from '@/queries/conditional-tokens/types';
 
 export interface UserBet extends UserPosition {
   fpmmTrades: FpmmTrade[];
@@ -28,6 +30,30 @@ export class UserBetsManager {
     );
   }
 
+  getWonBets() {
+    return this.userPositions.filter(userPosition => {
+      if (!userPosition.position.conditions[0].resolved) return false;
+
+      const position = new Position(userPosition.position as ConditionalTokenPosition);
+      const outcomeIndex = position.getOutcomeIndex();
+      const market = new Market(userPosition.fpmm);
+
+      return market.isWinner(outcomeIndex);
+    });
+  }
+
+  getLostBets() {
+    return this.userPositions.filter(userPosition => {
+      if (!userPosition.position.conditions[0].resolved) return false;
+
+      const position = new Position(userPosition.position as ConditionalTokenPosition);
+      const outcomeIndex = position.getOutcomeIndex();
+      const market = new Market(userPosition.fpmm);
+
+      return market.isLoser(outcomeIndex);
+    });
+  }
+
   getUnredeemedBets() {
     return this.userPositions.filter(userPosition => {
       const position = new Position(userPosition.position);