aad5f6528b
* Show old details on lg, don't unfill heart * Hide tip market if creator * Small ui tweaks * Remove contract. calls * Update high-medium-low * Remove unused bets prop * Show uniques * Remove unused bets prop
59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
import clsx from 'clsx'
|
|
import { ShareIcon } from '@heroicons/react/outline'
|
|
|
|
import { Row } from '../layout/row'
|
|
import { Contract } from 'web/lib/firebase/contracts'
|
|
import React, { useState } from 'react'
|
|
import { Button } from 'web/components/button'
|
|
import { User } from 'common/user'
|
|
import { ShareModal } from './share-modal'
|
|
import { FollowMarketButton } from 'web/components/follow-market-button'
|
|
import { LikeMarketButton } from 'web/components/contract/like-market-button'
|
|
import { ContractInfoDialog } from 'web/components/contract/contract-info-dialog'
|
|
import { Col } from 'web/components/layout/col'
|
|
|
|
export function ExtraContractActionsRow(props: {
|
|
contract: Contract
|
|
user: User | undefined | null
|
|
}) {
|
|
const { user, contract } = props
|
|
|
|
const [isShareOpen, setShareOpen] = useState(false)
|
|
|
|
return (
|
|
<Row className={'mt-0.5 justify-around sm:mt-2 lg:justify-start'}>
|
|
<Button
|
|
size="lg"
|
|
color="gray-white"
|
|
className={'flex'}
|
|
onClick={() => {
|
|
setShareOpen(true)
|
|
}}
|
|
>
|
|
<Col className={'items-center sm:flex-row'}>
|
|
<ShareIcon
|
|
className={clsx('h-[24px] w-5 sm:mr-2')}
|
|
aria-hidden="true"
|
|
/>
|
|
<span>Share</span>
|
|
</Col>
|
|
|
|
<ShareModal
|
|
isOpen={isShareOpen}
|
|
setOpen={setShareOpen}
|
|
contract={contract}
|
|
user={user}
|
|
/>
|
|
</Button>
|
|
|
|
<FollowMarketButton contract={contract} user={user} />
|
|
{user?.id !== contract.creatorId && (
|
|
<LikeMarketButton contract={contract} user={user} />
|
|
)}
|
|
<Col className={'justify-center md:hidden'}>
|
|
<ContractInfoDialog contract={contract} />
|
|
</Col>
|
|
</Row>
|
|
)
|
|
}
|