mani: fix graphs

mani/app/[contractId].tsx

@@ -77,12 +77,14 @@ function ContractPageContent(props: {
     contract: manaContract,
     userId: user?.id,
     totalBets: totalManaBets,
+    afterTime: manaContractProp.lastBetTime,
   })
 
   const cashBetData = useBetData({
     contract: cashContract,
     userId: user?.id,
     totalBets: totalCashBets,
+    afterTime: cashContractProp.lastBetTime,
   })
 
   const { bets, totalBets, yourNewBets, betPoints } =
@@ -122,7 +124,7 @@ function ContractPageContent(props: {
         )}
         <UserBetsSummary contract={contract} />
         <ContractDescription contract={manaContract} />
-        <Bets contract={contract} bets={bets} totalBets={totalBets} />
+        <Bets contract={contract} totalBets={totalBets} />
         <CommentsSection contract={manaContract} />
       </Col>
     </Page>
@@ -148,8 +150,9 @@ const useBetData = (props: {
   contract: Contract
   userId: string | undefined
   totalBets: number | undefined
+  afterTime: number | undefined
 }) => {
-  const { userId, contract } = props
+  const { userId, contract, afterTime } = props
   const contractId = contract.id
   const mechanism = contract.mechanism
   const outcomeType = contract.outcomeType
@@ -159,7 +162,7 @@ const useBetData = (props: {
     {
       includeZeroShareRedemptions: isMulti,
       filterRedemptions: true,
-      enabled: true,
+      afterTime,
     },
     useIsPageVisible,
     (params) => api('bets', params)

mani/components/contract/bets.tsx

@@ -9,13 +9,23 @@ import { Col } from 'components/layout/col'
 import { ThemedText } from 'components/themed-text'
 import { useDisplayUserById, useUser } from 'hooks/use-user'
 import { CoinNumber } from 'components/widgets/coin-number'
+import { useContractBets } from 'client-common/hooks/use-bets'
+import { api } from 'lib/api'
+import { useIsPageVisible } from 'hooks/use-is-page-visibile'
+
+export function Bets(props: { contract: Contract; totalBets: number }) {
+  const { contract } = props
+  // TODO: add pagination and fetching older bets
+  const bets = useContractBets(
+    contract.id,
+    {
+      includeZeroShareRedemptions: contract.mechanism === 'cpmm-multi-1',
+      filterRedemptions: true,
+    },
+    useIsPageVisible,
+    (params) => api('bets', params)
+  )
 
-export function Bets(props: {
-  contract: Contract
-  bets: Bet[]
-  totalBets: number
-}) {
-  const { contract, bets } = props
   return (
     <Col style={styles.container}>
       {bets.map((bet) => (