diff --git a/web/components/contract/contract-card.tsx b/web/components/contract/contract-card.tsx index 248c3863..ac1a2fa2 100644 --- a/web/components/contract/contract-card.tsx +++ b/web/components/contract/contract-card.tsx @@ -31,6 +31,7 @@ import { useUser } from 'web/hooks/use-user' import { track } from '@amplitude/analytics-browser' import { trackCallback } from 'web/lib/service/analytics' import { getMappedValue } from 'common/pseudo-numeric' +import { Tooltip } from '../tooltip' export function ContractCard(props: { contract: Contract @@ -333,22 +334,19 @@ export function PseudoNumericResolutionOrExpectation(props: { {resolution === 'CANCEL' ? ( ) : ( -
+ {formatLargeNumber(value)} -
+ )} ) : ( <> -
{formatLargeNumber(value)} -
+
expected
)} diff --git a/web/components/datetime-tooltip.tsx b/web/components/datetime-tooltip.tsx index 7f7a9b45..b6310672 100644 --- a/web/components/datetime-tooltip.tsx +++ b/web/components/datetime-tooltip.tsx @@ -1,9 +1,8 @@ -import React from 'react' import dayjs from 'dayjs' import utc from 'dayjs/plugin/utc' import timezone from 'dayjs/plugin/timezone' import advanced from 'dayjs/plugin/advancedFormat' -import { ClientRender } from './client-render' +import { Tooltip } from './tooltip' dayjs.extend(utc) dayjs.extend(timezone) @@ -19,17 +18,5 @@ export function DateTimeTooltip(props: { const formattedTime = dayjs(time).format('MMM DD, YYYY hh:mm a z') const toolTip = text ? `${text} ${formattedTime}` : formattedTime - return ( - <> - - - {props.children} - - - {props.children} - - ) + return {props.children} } diff --git a/web/components/info-tooltip.tsx b/web/components/info-tooltip.tsx index 0eabffed..1c12d8e2 100644 --- a/web/components/info-tooltip.tsx +++ b/web/components/info-tooltip.tsx @@ -1,10 +1,11 @@ import { InformationCircleIcon } from '@heroicons/react/outline' +import { Tooltip } from './tooltip' export function InfoTooltip(props: { text: string }) { const { text } = props return ( -
+ -
+ ) } diff --git a/web/components/outcome-label.tsx b/web/components/outcome-label.tsx index a6c3a563..85e171d8 100644 --- a/web/components/outcome-label.tsx +++ b/web/components/outcome-label.tsx @@ -1,5 +1,4 @@ import clsx from 'clsx' -import { ReactNode } from 'react' import { Answer } from 'common/answer' import { getProbability } from 'common/calculate' import { getValueFromBucket } from 'common/calculate-dpm' @@ -11,7 +10,7 @@ import { resolution, } from 'common/contract' import { formatLargeNumber, formatPercent } from 'common/util/format' -import { ClientRender } from './client-render' +import { Tooltip } from './tooltip' export function OutcomeLabel(props: { contract: Contract @@ -91,13 +90,13 @@ export function FreeResponseOutcomeLabel(props: { const chosen = contract.answers?.find((answer) => answer.id === resolution) if (!chosen) return return ( - + - + ) } @@ -174,23 +173,3 @@ export function AnswerLabel(props: { ) } - -function FreeResponseAnswerToolTip(props: { - text: string - children?: ReactNode -}) { - const { text } = props - return ( - <> - - - {props.children} - - - {props.children} - - ) -}