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

"add funds" => "get M$"

Browse Source
This commit is contained in:
mantikoros 2022-06-12 23:25:57 -05:00
parent 5beda1ded7
commit 246aa5c214
5 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,7 +24,7 @@ export function AddFundsButton(props: { className?: string }) {
className className
)} )}
> >
Add funds Get M$
</label> </label>
<input type="checkbox" id="add-funds" className="modal-toggle" /> <input type="checkbox" id="add-funds" className="modal-toggle" />

4
web/components/nav/sidebar.tsx
View File

@ -69,7 +69,7 @@ function getMoreNavigation(user?: User | null) {
} }
return [ return [
{ name: 'Add funds', href: '/add-funds' }, { name: 'Get M$', href: '/add-funds' },
{ name: 'Leaderboards', href: '/leaderboards' }, { name: 'Leaderboards', href: '/leaderboards' },
{ name: 'Blog', href: 'https://news.manifold.markets' }, { name: 'Blog', href: 'https://news.manifold.markets' },
{ name: 'Discord', href: 'https://discord.gg/eHQBNBqXuh' }, { name: 'Discord', href: 'https://discord.gg/eHQBNBqXuh' },
@ -104,7 +104,7 @@ const signedOutMobileNavigation = [
] ]
const mobileNavigation = [ const mobileNavigation = [
{ name: 'Add funds', href: '/add-funds', icon: CashIcon }, { name: 'Get M$', href: '/add-funds', icon: CashIcon },
...signedOutMobileNavigation, ...signedOutMobileNavigation,
] ]

5
web/components/yes-no-selector.tsx
View File

@ -168,7 +168,7 @@ export function FundsSelector(props: {
{fundAmounts.map((amount) => ( {fundAmounts.map((amount) => (
<Button <Button
key={amount} key={amount}
color={selected === amount ? 'green' : 'gray'} color={selected === amount ? 'indigo' : 'gray'}
onClick={() => onSelect(amount as any)} onClick={() => onSelect(amount as any)}
className={btnClassName} className={btnClassName}
> >
@ -230,7 +230,7 @@ export function NumberCancelSelector(props: {
function Button(props: { function Button(props: {
className?: string className?: string
onClick?: () => void onClick?: () => void
color: 'green' | 'red' | 'blue' | 'yellow' | 'gray' color: 'green' | 'red' | 'blue' | 'indigo' | 'yellow' | 'gray'
children?: ReactNode children?: ReactNode
}) { }) {
const { className, onClick, children, color } = props const { className, onClick, children, color } = props
@ -244,6 +244,7 @@ function Button(props: {
color === 'red' && 'bg-red-400 text-white hover:bg-red-500', color === 'red' && 'bg-red-400 text-white hover:bg-red-500',
color === 'yellow' && 'bg-yellow-400 text-white hover:bg-yellow-500', color === 'yellow' && 'bg-yellow-400 text-white hover:bg-yellow-500',
color === 'blue' && 'bg-blue-400 text-white hover:bg-blue-500', color === 'blue' && 'bg-blue-400 text-white hover:bg-blue-500',
color === 'indigo' && 'bg-indigo-500 text-white hover:bg-indigo-600',
color === 'gray' && 'bg-gray-200 text-gray-700 hover:bg-gray-300', color === 'gray' && 'bg-gray-200 text-gray-700 hover:bg-gray-300',
className className
)} )}

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

@ -16,7 +16,7 @@ export default function AddFundsPage() {
return ( return (
<Page> <Page>
<SEO title="Add funds" description="Add funds" url="/add-funds" /> <SEO title="Get Manifold Dollars" description="Get Manifold Dollars" url="/add-funds" />
<Col className="items-center"> <Col className="items-center">
<Col className="h-full rounded bg-white p-4 py-8 sm:p-8 sm:shadow-md"> <Col className="h-full rounded bg-white p-4 py-8 sm:p-8 sm:shadow-md">
@ -29,7 +29,7 @@ export default function AddFundsPage() {
/> />
<div className="mb-6 text-gray-500"> <div className="mb-6 text-gray-500">
Use Manifold Dollars to trade in your favorite markets. <br /> (Not Purchase Manifold Dollars to trade in your favorite markets. <br /> (Not
redeemable for cash.) redeemable for cash.)
</div> </div>
@ -54,7 +54,7 @@ export default function AddFundsPage() {
> >
<button <button
type="submit" type="submit"
className="btn btn-primary w-full bg-gradient-to-r from-teal-500 to-green-500 font-medium hover:from-teal-600 hover:to-green-600" className="btn btn-primary w-full bg-gradient-to-r from-indigo-500 to-blue-500 font-medium hover:from-indigo-600 hover:to-blue-600"
> >
Checkout Checkout
</button> </button>

2
web/pages/create.tsx
View File

@ -348,7 +348,7 @@ export function NewContract(props: { question: string; tag?: string }) {
className="btn btn-xs btn-primary" className="btn btn-xs btn-primary"
onClick={() => (window.location.href = '/add-funds')} onClick={() => (window.location.href = '/add-funds')}
> >
Add funds Get M$
</button> </button>
</div> </div>
)} )}