Small fixes for limit order table

web/components/bets-list.tsx

@@ -45,7 +45,7 @@ import { useUnfilledBets } from 'web/hooks/use-bets'
 import { LimitBet } from 'common/bet'
 import { floatingEqual } from 'common/util/math'
 import { Pagination } from './pagination'
-import { LimitBets } from './limit-bets'
+import { LimitOrderTable } from './limit-bets'
 
 type BetSort = 'newest' | 'profit' | 'closeTime' | 'value'
 type BetFilter = 'open' | 'limit_bet' | 'sold' | 'closed' | 'resolved' | 'all'
@@ -364,18 +364,20 @@ function ContractBets(props: {
 
         {contract.mechanism === 'cpmm-1' && limitBets.length > 0 && (
           <>
-            <div className="bg-gray-50 px-4 py-2">Your limit orders</div>
+            <div className="max-w-md">
-            <LimitBets
+              <div className="bg-gray-50 px-4 py-2">Limit orders</div>
-              className="max-w-md px-2 py-0 sm:px-4"
+              <LimitOrderTable
-              contract={contract}
+                contract={contract}
-              bets={limitBets}
+                limitBets={limitBets}
-              hideLabel
+                isYou={true}
-            />
+              />
+            </div>
           </>
         )}
 
         <Spacer h={4} />
 
+        <div className="bg-gray-50 px-4 py-2">Bets</div>
         <ContractBetsTable
           contract={contract}
           bets={bets}

web/components/limit-bets.tsx

@@ -16,7 +16,6 @@ import { BinaryOutcomeLabel, PseudoNumericOutcomeLabel } from './outcome-label'
 export function LimitBets(props: {
   contract: CPMMBinaryContract | PseudoNumericContract
   bets: LimitBet[]
-  hideLabel?: boolean
   className?: string
 }) {
   const { contract, bets, className } = props
@@ -67,20 +66,21 @@ export function LimitBets(props: {
   )
 }
 
-function LimitOrderTable(props: {
+export function LimitOrderTable(props: {
   limitBets: LimitBet[]
   contract: CPMMBinaryContract | PseudoNumericContract
   isYou: boolean
 }) {
   const { limitBets, contract, isYou } = props
+  const isPseudoNumeric = contract.outcomeType === 'PSEUDO_NUMERIC'
 
   return (
     <table className="table-compact table w-full rounded text-gray-500">
       <thead>
-        {!isYou && <th>User</th>}
+        {!isYou && <th></th>}
         <th>Outcome</th>
         <th>Amount</th>
-        <th>Prob</th>
+        <th>{isPseudoNumeric ? 'Value' : 'Prob'}</th>
         {isYou && <th></th>}
       </thead>
       <tbody>