Tim DownandCopybot
7abafb01ea
Upgrade to React 18 GitOrigin-RevId: 9b81936e6eea2bccd97fe5c2c5841f0b946371b8
55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
import { useCallback, useEffect } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { startFreeTrial } from '@/main/account-upgrade'
|
|
import * as eventTracking from '../../infrastructure/event-tracking'
|
|
import OLButton from '@/features/ui/components/ol/ol-button'
|
|
|
|
type StartFreeTrialButtonProps = {
|
|
source: string
|
|
variant?: string
|
|
buttonProps?: React.ComponentProps<typeof OLButton>
|
|
children?: React.ReactNode
|
|
handleClick?: React.ComponentProps<typeof OLButton>['onClick']
|
|
}
|
|
|
|
export default function StartFreeTrialButton({
|
|
buttonProps = {
|
|
variant: 'secondary',
|
|
},
|
|
children,
|
|
handleClick,
|
|
source,
|
|
variant,
|
|
}: StartFreeTrialButtonProps) {
|
|
const { t } = useTranslation()
|
|
|
|
useEffect(() => {
|
|
const eventSegmentation: { [key: string]: unknown } = {
|
|
'paywall-type': source,
|
|
}
|
|
if (variant) {
|
|
eventSegmentation.variant = variant
|
|
}
|
|
eventTracking.sendMB('paywall-prompt', eventSegmentation)
|
|
}, [source, variant])
|
|
|
|
const onClick = useCallback(
|
|
(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
|
|
event.preventDefault()
|
|
|
|
if (handleClick) {
|
|
handleClick(event)
|
|
}
|
|
|
|
startFreeTrial(source, variant)
|
|
},
|
|
[handleClick, source, variant]
|
|
)
|
|
|
|
return (
|
|
<OLButton {...buttonProps} onClick={onClick}>
|
|
{children || t('start_free_trial')}
|
|
</OLButton>
|
|
)
|
|
}
|