Add mantic dollars description
This commit is contained in:
parent
605911bfee
commit
31ad1a7dad
|
@ -24,7 +24,12 @@ export function AddFundsButton() {
|
||||||
|
|
||||||
<div className="modal">
|
<div className="modal">
|
||||||
<div className="modal-box">
|
<div className="modal-box">
|
||||||
<div className="text-lg mb-6">Buy Mantic Dollars</div>
|
<div className="text-lg mb-6">Get Mantic Dollars</div>
|
||||||
|
|
||||||
|
<div className="text-gray-500 mb-6">
|
||||||
|
Use Mantic Dollars to trade in your favorite markets. <br /> (Not
|
||||||
|
redeemable for cash.)
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="text-gray-500 text-sm mb-2">Amount</div>
|
<div className="text-gray-500 text-sm mb-2">Amount</div>
|
||||||
<FundsSelector
|
<FundsSelector
|
||||||
|
|
|
@ -18,33 +18,34 @@ export default function AddFundsPage() {
|
||||||
<SEO title="Add funds" description="Add funds" url="/add-funds" />
|
<SEO title="Add funds" description="Add funds" url="/add-funds" />
|
||||||
<Header />
|
<Header />
|
||||||
|
|
||||||
<Title text="Add funds" />
|
<Title text="Get Mantic Dollars" />
|
||||||
|
|
||||||
<div>
|
<div className="text-gray-500 mb-6">
|
||||||
<div className="text-lg mb-6">Buy Mantic Dollars</div>
|
Use Mantic Dollars to trade in your favorite markets. <br /> (Not
|
||||||
|
redeemable for cash.)
|
||||||
<div className="text-gray-500 text-sm mb-2">Amount</div>
|
|
||||||
<FundsSelector
|
|
||||||
className="max-w-md"
|
|
||||||
selected={amountSelected}
|
|
||||||
onSelect={setAmountSelected}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div className="mt-6">
|
|
||||||
<div className="text-gray-500 text-sm mb-1">Price USD</div>
|
|
||||||
<div>${Math.round(amountSelected / 100)}.00</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form
|
|
||||||
action={checkoutURL(user?.id || '', amountSelected)}
|
|
||||||
method="POST"
|
|
||||||
className="mt-6"
|
|
||||||
>
|
|
||||||
<button type="submit" className="btn btn-primary">
|
|
||||||
Checkout
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="text-gray-500 text-sm mb-2">Amount</div>
|
||||||
|
<FundsSelector
|
||||||
|
className="max-w-md"
|
||||||
|
selected={amountSelected}
|
||||||
|
onSelect={setAmountSelected}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div className="mt-6">
|
||||||
|
<div className="text-gray-500 text-sm mb-1">Price USD</div>
|
||||||
|
<div>${Math.round(amountSelected / 100)}.00</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form
|
||||||
|
action={checkoutURL(user?.id || '', amountSelected)}
|
||||||
|
method="POST"
|
||||||
|
className="mt-6"
|
||||||
|
>
|
||||||
|
<button type="submit" className="btn btn-primary">
|
||||||
|
Checkout
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user