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

@@ -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>
     </>
   )

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>