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}
- >
- )
-}