From 590c63e911340f088907124369868aad6e340410 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Thu, 14 Jul 2022 21:27:00 -0500
Subject: [PATCH] Small fixes for limit order table

---
 web/components/bets-list.tsx  | 18 ++++++++++--------
 web/components/limit-bets.tsx |  8 ++++----
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index e57b0c38..db6b0d05 100644
--- a/web/components/bets-list.tsx
+++ b/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>
-            <LimitBets
-              className="max-w-md px-2 py-0 sm:px-4"
-              contract={contract}
-              bets={limitBets}
-              hideLabel
-            />
+            <div className="max-w-md">
+              <div className="bg-gray-50 px-4 py-2">Limit orders</div>
+              <LimitOrderTable
+                contract={contract}
+                limitBets={limitBets}
+                isYou={true}
+              />
+            </div>
           </>
         )}
 
         <Spacer h={4} />
 
+        <div className="bg-gray-50 px-4 py-2">Bets</div>
         <ContractBetsTable
           contract={contract}
           bets={bets}
diff --git a/web/components/limit-bets.tsx b/web/components/limit-bets.tsx
index f81d4294..93647a5e 100644
--- a/web/components/limit-bets.tsx
+++ b/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>