order book things

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, OrderBookButton } 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>
     </>
   )

web/components/bet-panel.tsx

@@ -415,18 +415,20 @@ export function BuyPanel(props: {
         >
           Advanced
         </button>
-        <Modal
+        <Modal open={seeLimit} setOpen={setSeeLimit} position="center">
-          open={seeLimit}
+          <Col className="rounded-lg bg-white px-4 pb-4">
-          setOpen={setSeeLimit}
+            <Title text="Limit Order" />
-          position="center"
+            <LimitOrderPanel
-          className="rounded-lg bg-white px-4 pb-8"
+              hidden={!seeLimit}
-        >
+              contract={contract}
-          <Title text="Limit Order" />
+              user={user}
-          <LimitOrderPanel
+              unfilledBets={unfilledBets}
-            hidden={!seeLimit}
+            />
+          </Col>
+          <LimitBets
             contract={contract}
-            user={user}
+            bets={unfilledBets as LimitBet[]}
-            unfilledBets={unfilledBets}
+            className="mt-2 rounded-lg bg-white px-4 pb-4"
           />
         </Modal>
       </Col>