import { useState } from 'react' import clsx from 'clsx' import { buttonClass } from 'web/components/button' import { CPMMContract } from 'common/contract' import { LiquidityModal } from './liquidity-modal' export function AddLiquidityButton(props: { contract: CPMMContract className?: string }) { const { contract, className } = props const [open, setOpen] = useState(false) const disabled = contract.isResolved || (contract.closeTime ?? Infinity) < Date.now() if (disabled) return <></> return ( <a className={clsx( buttonClass('2xs', 'override'), 'cursor-pointer', 'gap-1 border-2 border-blue-400 text-blue-400 hover:bg-blue-400 hover:text-white', className )} onClick={() => setOpen(true)} target="_blank" > <div>💧 Add liquidity</div> <LiquidityModal contract={contract} isOpen={open} setOpen={setOpen} /> </a> ) }