From 7c8e977d60f6f2ca49631c717823e3c58253ea3e Mon Sep 17 00:00:00 2001
From: ingawei <46611122+ingawei@users.noreply.github.com>
Date: Wed, 28 Sep 2022 09:04:47 -0500
Subject: [PATCH] order book things (#953)

Adding order book to limit orders in mobile modal. This is pretty ugly and just a quick fix because people are complaining.
---
 web/components/bet-button.tsx | 6 ------
 web/components/bet-panel.tsx  | 7 ++++++-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/web/components/bet-button.tsx b/web/components/bet-button.tsx
index e51fc527..808b450f 100644
--- a/web/components/bet-button.tsx
+++ b/web/components/bet-button.tsx
@@ -17,7 +17,6 @@ import { BetSignUpPrompt } from './sign-up-prompt'
 import { User } from 'web/lib/firebase/users'
 import { SellRow } from './sell-row'
 import { useUnfilledBets } from 'web/hooks/use-bets'
-import { LimitBets } from './limit-bets'
 
 /** Button that opens BetPanel in a new modal */
 export default function BetButton(props: {
@@ -116,11 +115,6 @@ export function SignedInBinaryMobileBetting(props: {
             'border-greyscale-3 bg-greyscale-1 rounded-md border-2 px-4 py-2'
           }
         />
-        <LimitBets
-          className="mt-4"
-          contract={contract as CPMMBinaryContract}
-          bets={unfilledBets}
-        />
       </Col>
     </>
   )
diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index 90918283..5d908937 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -419,7 +419,7 @@ export function BuyPanel(props: {
           open={seeLimit}
           setOpen={setSeeLimit}
           position="center"
-          className="rounded-lg bg-white px-4 pb-8"
+          className="rounded-lg bg-white px-4 pb-4"
         >
           <Title text="Limit Order" />
           <LimitOrderPanel
@@ -428,6 +428,11 @@ export function BuyPanel(props: {
             user={user}
             unfilledBets={unfilledBets}
           />
+          <LimitBets
+            contract={contract}
+            bets={unfilledBets as LimitBet[]}
+            className="mt-4"
+          />
         </Modal>
       </Col>
     </Col>