diff --git a/src/components/Link/index.tsx b/src/components/Link/index.tsx index a9f91792171d..8533ac902554 100644 --- a/src/components/Link/index.tsx +++ b/src/components/Link/index.tsx @@ -38,7 +38,7 @@ export default function Link({ href, glossary, ...other -}: Props) { +}: Props): JSX.Element { const { compact } = useLayoutData() const posthog = usePostHog() const url = to || href diff --git a/src/components/Pricing/Plans/index.tsx b/src/components/Pricing/Plans/index.tsx index 08b0df888035..b519ea221fa2 100644 --- a/src/components/Pricing/Plans/index.tsx +++ b/src/components/Pricing/Plans/index.tsx @@ -10,6 +10,7 @@ import { BillingProductV2Type, BillingV2FeatureType } from 'types' import { product_type_to_max_events } from '../pricingLogic' import { Discount } from 'components/NotProductIcons' import Link from 'components/Link' +import { IconInfo } from '@posthog/icons' const Heading = ({ title, subtitle, className = '' }: { title?: string; subtitle?: string; className?: string }) => { return ( @@ -110,8 +111,8 @@ const PricingTiers = ({ plans, unit, compact = false, type }) => { title={ plans[0].free_allocation === up_to ? ( 'Free' - ) : enterprise_flag_enabled && index === tiers.length - 1 ? ( - + ) : type === 'product_analytics' && index === tiers.length - 1 ? ( +
$ {parseFloat(unit_amount_usd).toFixed( Math.max( @@ -120,7 +121,26 @@ const PricingTiers = ({ plans, unit, compact = false, type }) => { ) ) )} - + ( +
+ Custom pricing available for large volumes. + +
+ )} + contentContainerClassName="max-w-xs" + > +
+ +
+
+
) : ( `$${parseFloat(unit_amount_usd).toFixed( Math.max( diff --git a/src/components/Pricing/Products.tsx b/src/components/Pricing/Products.tsx index 004d0a467a97..8e3f43f17aca 100644 --- a/src/components/Pricing/Products.tsx +++ b/src/components/Pricing/Products.tsx @@ -73,9 +73,9 @@ export const useProducts = () => { slider: ( setProductAnalyticsSliderValue(value, sliderCurve)} value={productAnalyticsSliderValue} /> diff --git a/src/components/Pricing/pricingLogic.ts b/src/components/Pricing/pricingLogic.ts index 5fbe721991d8..3395a60fe6cb 100644 --- a/src/components/Pricing/pricingLogic.ts +++ b/src/components/Pricing/pricingLogic.ts @@ -13,8 +13,9 @@ export const TWENTY_MILLION = 20000000 export const TWENTY_FIVE_MILLION = 25000000 export const FIFTY_MILLION = 50000000 export const HUNDRED_MILLION = 100000000 +export const TWO_FIFTY_MILLION = 250000000 export const BILLION = 1000000000 -export const MAX_PRODUCT_ANALYTICS = FIFTY_MILLION +export const MAX_PRODUCT_ANALYTICS = TWO_FIFTY_MILLION export const MAX_SESSION_REPLAY = ONE_FIFTY_THOUSAND export const MAX_FEATURE_FLAGS = TEN_MILLION export const MAX_SURVEYS = TEN_THOUSAND diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx index 2faa949bdaf8..a24354e6ca4b 100644 --- a/src/components/Tooltip/index.tsx +++ b/src/components/Tooltip/index.tsx @@ -21,7 +21,7 @@ export default function Tooltip({ placement?: Placement title?: string contentContainerClassName?: string -}) { +}): JSX.Element { const [open, setOpen] = useState(false) const [referenceElement, setReferenceElement] = useState(null) const [popperElement, setPopperElement] = useState(null)