linting

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: {

web/components/bet-panel.tsx

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