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

Update add funds button position. Mantic => Manifold

Browse Source
This commit is contained in:
jahooma 2022-01-07 13:48:22 -06:00
parent b4a22ba4a1
commit e0123748b9
3 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/components/add-funds-button.tsx
View File

@ -5,7 +5,8 @@ import { useUser } from '../hooks/use-user'
import { checkoutURL } from '../lib/service/stripe'
import { FundsSelector } from './yes-no-selector'
export function AddFundsButton() {
export function AddFundsButton(props: { className?: string }) {
const { className } = props
const user = useUser()
const [amountSelected, setAmountSelected] = useState<
@ -17,7 +18,8 @@ export function AddFundsButton() {
<label
htmlFor="add-funds"
className={clsx(
'btn btn-sm modal-button bg-gradient-to-r from-teal-500 to-green-500 hover:from-teal-600 hover:to-green-600 font-normal border-none'
'btn btn-sm normal-case modal-button bg-gradient-to-r from-teal-500 to-green-500 hover:from-teal-600 hover:to-green-600 font-normal border-none',
className
)}
>
Add funds
@ -25,11 +27,11 @@ export function AddFundsButton() {
<input type="checkbox" id="add-funds" className="modal-toggle" />
<div className="modal">
<div className="modal-box bg-green-50">
<div className="text-xl mb-6">Get Mantic Dollars</div>
<div className="modal-box">
<div className="text-xl mb-6">Get Manifold Dollars</div>
<div className="text-gray-500 mb-6">
Use Mantic Dollars to trade in your favorite markets. <br /> (Not
Use Manifold Dollars to trade in your favorite markets. <br /> (Not
redeemable for cash.)
</div>

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

@ -150,22 +150,9 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
{error}
</div>
)}
{user && <AddFundsButton className="self-end mt-3" />}
</Col>
{user && (
<>
<div className="mt-3 mb-1 text-sm text-gray-400">
Remaining balance
</div>
<Row className="flex-1 justify-between items-center gap-2">
<div>
{formatMoney(remainingBalance > 0 ? remainingBalance : 0)}
</div>
<AddFundsButton />
</Row>
</>
)}
<div className="mt-2 mb-1 text-sm text-gray-400">Implied probability</div>
<Row>
<div>{formatPercent(initialProb)}</div>

4
web/pages/add-funds.tsx
View File

@ -22,7 +22,7 @@ export default function AddFundsPage() {
<Col className="items-center">
<Col>
<Title text="Get Mantic Dollars" />
<Title text="Get Manifold Dollars" />
<Image
className="block mt-6"
src="/praying-mantis-light.svg"
@ -31,7 +31,7 @@ export default function AddFundsPage() {
/>
<div className="text-gray-500 mb-6">
Use Mantic Dollars to trade in your favorite markets. <br /> (Not
Use Manifold Dollars to trade in your favorite markets. <br /> (Not
redeemable for cash.)
</div>