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

EditableCloseDate: add pencil icon

Browse Source
This commit is contained in:
mantikoros 2022-10-03 17:18:56 -05:00
parent ce48016f80
commit 0c9226de41
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/contract/contract-details.tsx
View File

@ -1,4 +1,5 @@
import { ClockIcon } from '@heroicons/react/outline' import { ClockIcon } from '@heroicons/react/outline'
import { ExclamationIcon, PencilIcon, PlusCircleIcon } from '@heroicons/react/solid'
import clsx from 'clsx' import clsx from 'clsx'
import { Editor } from '@tiptap/react' import { Editor } from '@tiptap/react'
import dayjs from 'dayjs' import dayjs from 'dayjs'
@ -28,7 +29,6 @@ import { UserLink } from 'web/components/user-link'
import { FeaturedContractBadge } from 'web/components/contract/featured-contract-badge' import { FeaturedContractBadge } from 'web/components/contract/featured-contract-badge'
import { Tooltip } from 'web/components/tooltip' import { Tooltip } from 'web/components/tooltip'
import { ExtraContractActionsRow } from './extra-contract-actions-row' import { ExtraContractActionsRow } from './extra-contract-actions-row'
import { ExclamationIcon, PlusCircleIcon } from '@heroicons/react/solid'
import { GroupLink } from 'common/group' import { GroupLink } from 'common/group'
import { Subtitle } from '../subtitle' import { Subtitle } from '../subtitle'
import { useIsMobile } from 'web/hooks/use-is-mobile' import { useIsMobile } from 'web/hooks/use-is-mobile'
@ -480,8 +480,8 @@ function EditableCloseDate(props: {
text={closeTime > Date.now() ? 'Trading ends:' : 'Trading ended:'} text={closeTime > Date.now() ? 'Trading ends:' : 'Trading ended:'}
time={closeTime} time={closeTime}
> >
<span <Row
className={!disabled && isCreator ? 'cursor-pointer' : ''} className={clsx(!disabled && isCreator ? 'cursor-pointer' : '')}
onClick={() => !disabled && isCreator && setIsEditingCloseTime(true)} onClick={() => !disabled && isCreator && setIsEditingCloseTime(true)}
> >
{isSameDay ? ( {isSameDay ? (
@ -491,7 +491,8 @@ function EditableCloseDate(props: {
) : ( ) : (
dayJsCloseTime.format('MMM D, YYYY') dayJsCloseTime.format('MMM D, YYYY')
)} )}
</span> {isCreator && !disabled && <PencilIcon className="ml-1 h-4 w-4" />}
</Row>
</DateTimeTooltip> </DateTimeTooltip>
</> </>
) )