bets => trades; exclude sold bets

web/components/bets-list.tsx

@@ -176,16 +176,17 @@ export function MyBetsSummary(props: {
   const { bets, contract, className } = props
   const { resolution } = contract
 
-  const betsTotal = _.sumBy(bets, (bet) => bet.amount)
+  const excludeSales = bets.filter((b) => !b.isSold && !b.sale)
+  const betsTotal = _.sumBy(excludeSales, (bet) => bet.amount)
 
   const betsPayout = resolution
     ? _.sumBy(bets, (bet) => resolvedPayout(contract, bet))
     : 0
 
-  const yesWinnings = _.sumBy(bets, (bet) =>
+  const yesWinnings = _.sumBy(excludeSales, (bet) =>
     calculatePayout(contract, bet, 'YES')
   )
-  const noWinnings = _.sumBy(bets, (bet) =>
+  const noWinnings = _.sumBy(excludeSales, (bet) =>
     calculatePayout(contract, bet, 'NO')
   )
 
@@ -193,7 +194,7 @@ export function MyBetsSummary(props: {
     <Row className={clsx('gap-4 sm:gap-6', className)}>
       <Col>
         <div className="text-sm text-gray-500 whitespace-nowrap">
-          Total bets
+          Amount invested
         </div>
         <div className="whitespace-nowrap">{formatMoney(betsTotal)}</div>
       </Col>

web/components/profile-menu.tsx

@@ -41,8 +41,8 @@ function getNavigationOptions(user: User, options: { mobile: boolean }) {
         ]
       : []),
     {
-      name: 'Your bets',
-      href: '/bets',
+      name: 'Your trades',
+      href: '/trades',
     },
     {
       name: 'Your markets',

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

@@ -97,7 +97,7 @@ function BetsSection(props: { contract: Contract; user: User | null }) {
 
   return (
     <div>
-      <Title text="Your bets" />
+      <Title text="Your trades" />
       <MyBetsSummary contract={contract} bets={userBets} />
       <Spacer h={6} />
       <ContractBetsTable contract={contract} bets={userBets} />

web/pages/trades.tsx

@@ -4,13 +4,13 @@ import { SEO } from '../components/SEO'
 import { Title } from '../components/title'
 import { useUser } from '../hooks/use-user'
 
-export default function BetsPage() {
+export default function TradesPage() {
   const user = useUser()
 
   return (
     <Page>
-      <SEO title="Your bets" description="Your bets" url="/bets" />
-      <Title text="Your bets" />
+      <SEO title="Your trades" description="Your trades" url="/trades" />
+      <Title text="Your trades" />
       {user && <BetsList user={user} />}
     </Page>
   )