Show correct remaning balance for ante input when creating market

web/components/amount-input.tsx

@@ -14,7 +14,7 @@ export function AmountInput(props: {
   onChange: (newAmount: number | undefined) => void
   error: string | undefined
   setError: (error: string | undefined) => void
-  contractId: string | undefined
+  contractIdForLoan: string | undefined
   minimumAmount?: number
   disabled?: boolean
   className?: string
@@ -27,7 +27,7 @@ export function AmountInput(props: {
     onChange,
     error,
     setError,
-    contractId,
+    contractIdForLoan,
     disabled,
     className,
     inputClassName,
@@ -37,14 +37,13 @@ export function AmountInput(props: {
 
   const user = useUser()
 
-  const userBets = useUserContractBets(user?.id, contractId) ?? []
+  const userBets = useUserContractBets(user?.id, contractIdForLoan) ?? []
   const openUserBets = userBets.filter((bet) => !bet.isSold && !bet.sale)
   const prevLoanAmount = _.sumBy(openUserBets, (bet) => bet.loanAmount ?? 0)
 
-  const loanAmount = Math.min(
-    amount ?? 0,
-    MAX_LOAN_PER_CONTRACT - prevLoanAmount
-  )
+  const loanAmount = contractIdForLoan
+    ? Math.min(amount ?? 0, MAX_LOAN_PER_CONTRACT - prevLoanAmount)
+    : 0
 
   const onAmountChange = (str: string) => {
     if (str.includes('-')) {
@@ -99,7 +98,7 @@ export function AmountInput(props: {
       )}
       {user && (
         <Col className="gap-3 text-sm">
-          {contractId && (
+          {contractIdForLoan && (
             <Row className="items-center justify-between gap-2 text-gray-500">
               <Row className="items-center gap-2">
                 Amount loaned{' '}

web/components/answers/answer-bet-panel.tsx

@@ -115,7 +115,7 @@ export function AnswerBetPanel(props: {
         setError={setError}
         disabled={isSubmitting}
         inputRef={inputRef}
-        contractId={contract.id}
+        contractIdForLoan={contract.id}
       />
       <Col className="gap-3 mt-3 w-full">
         <Row className="justify-between items-center text-sm">

web/components/answers/create-answer-panel.tsx

@@ -101,7 +101,7 @@ export function CreateAnswerPanel(props: { contract: Contract }) {
                   setError={setAmountError}
                   minimumAmount={1}
                   disabled={isSubmitting}
-                  contractId={contract.id}
+                  contractIdForLoan={contract.id}
                 />
               </Col>
               <Col className="gap-3">

web/components/bet-panel.tsx

@@ -159,7 +159,7 @@ export function BetPanel(props: {
         setError={setError}
         disabled={isSubmitting}
         inputRef={inputRef}
-        contractId={contract.id}
+        contractIdForLoan={contract.id}
       />
 
       <Col className="gap-3 mt-3 w-full">

web/pages/create.tsx

@@ -248,7 +248,7 @@ export function NewContract(props: { question: string; tag?: string }) {
           error={anteError}
           setError={setAnteError}
           disabled={isSubmitting}
-          contractId={undefined}
+          contractIdForLoan={undefined}
         />
       </div>
 

web/pages/make-predictions.tsx

@@ -245,7 +245,7 @@ ${TEST_VALUE}
             error={anteError}
             setError={setAnteError}
             disabled={isSubmitting}
-            contractId={undefined}
+            contractIdForLoan={undefined}
           />
         </div>