Hide bet row when trading not allowed

web/components/contract-overview.tsx

@@ -3,6 +3,7 @@ import {
   Contract,
   deleteContract,
   contractPath,
+  tradingAllowed,
 } from '../lib/firebase/contracts'
 import { Col } from './layout/col'
 import { Spacer } from './layout/spacer'
@@ -58,11 +59,13 @@ export const ContractOverview = (props: {
               large
             />
 
+            {tradingAllowed(contract) && (
               <BetRow
                 contract={contract}
                 className="md:hidden"
                 labelClassName="hidden"
               />
+            )}
           </Row>
 
           <ContractDetails contract={contract} />