move bet summary outside trades on market page

web/components/contract/contract-tabs.tsx

@@ -9,7 +9,7 @@ import { groupBy, sortBy } from 'lodash'
 import { Bet } from 'common/bet'
 import { Contract } from 'common/contract'
 import { PAST_BETS } from 'common/user'
-import { ContractBetsTable, BetsSummary } from '../bets-list'
+import { ContractBetsTable } from '../bets-list'
 import { Spacer } from '../layout/spacer'
 import { Tabs } from '../layout/tabs'
 import { Col } from '../layout/col'
@@ -35,12 +35,6 @@ export function ContractTabs(props: { contract: Contract; bets: Bet[] }) {
 
   const yourTrades = (
     <div>
-      <BetsSummary
-        className="px-2"
-        contract={contract}
-        bets={userBets ?? []}
-        isYourBets
-      />
       <Spacer h={6} />
       <ContractBetsTable contract={contract} bets={userBets ?? []} isYourBets />
       <Spacer h={12} />

web/pages/[username]/[contractSlug].tsx

@@ -46,6 +46,7 @@ import { PlayMoneyDisclaimer } from 'web/components/play-money-disclaimer'
 import BetButton from 'web/components/bet-button'
 
 import dayjs from 'dayjs'
+import { BetsSummary } from 'web/components/bets-list'
 
 export const getStaticProps = fromPropz(getStaticPropz)
 export async function getStaticPropz(props: {
@@ -248,6 +249,13 @@ export function ContractPageContent(
           </>
         )}
 
+        <BetsSummary
+          className="px-2 mb-4"
+          contract={contract}
+          bets={bets}
+          isYourBets
+        />
+
         <ContractTabs contract={contract} bets={bets} />
         {!user ? (
           <Col className="mt-4 max-w-sm items-center xl:hidden">