open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bet panel: small things

Browse Source
This commit is contained in:
mantikoros 2021-12-15 17:55:46 -06:00
parent 18abe96fbe
commit be90a585a8
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/bet-panel.tsx
View File

@ -98,6 +98,8 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
: 0
const estimatedReturnPercent = (estimatedReturn * 100).toFixed() + '%'
const remainingBalance = (user?.balance || 0) - (betAmount || 0)
return (
<Col
className={clsx(
@ -125,19 +127,20 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
)}
type="text"
placeholder="0"
maxLength={9}
value={betAmount ?? ''}
onChange={(e) => onBetChange(e.target.value)}
/>
</label>
{error && (
<div className="font-medium tracking-wide text-red-500 text-xs mt-1">
<div className="font-medium tracking-wide text-red-500 text-xs mt-3">
{error}
</div>
)}
</Col>
<div className="mt-3 mb-1 text-sm text-gray-400">Remaining balance</div>
<div>{formatMoney((user?.balance || 0) - (betAmount || 0))}</div>
<div>{formatMoney(remainingBalance > 0 ? remainingBalance : 0)}</div>
<div className="mt-2 mb-1 text-sm text-gray-400">Implied chance</div>
<Row>