bed8b42a2e
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ### Summary by CodeRabbit - Refactor: Transitioned to a new translation library (`@tolgee/react`) across the application, enhancing the localization capabilities and consistency. - New Feature: Introduced a JSON configuration file for application settings, improving customization and flexibility. - Refactor: Updated SVG attribute naming convention in the `WhatsAppLogo` component to align with React standards. - Chore: Adjusted the `.gitignore` file and added a new line at the end. - Documentation: Added instructions for setting up environment variables for the Tolgee i18n contribution dev tool, improving the self-hosting configuration guide. - Style: Updated the `CollaborationMenuButton` to hide the `PopoverContent` component by scaling it down to zero. - Refactor: Simplified error handling logic for fetching and updating typebots in `TypebotProvider.tsx`, improving code readability and maintenance. - Refactor: Removed the dependency on the `parseGroupTitle` function, simplifying the code in several components. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
59 lines
1.2 KiB
TypeScript
59 lines
1.2 KiB
TypeScript
import {
|
|
Alert,
|
|
AlertIcon,
|
|
AlertProps,
|
|
Button,
|
|
HStack,
|
|
Text,
|
|
useDisclosure,
|
|
} from '@chakra-ui/react'
|
|
import React from 'react'
|
|
import {
|
|
ChangePlanModal,
|
|
ChangePlanModalProps,
|
|
} from '@/features/billing/components/ChangePlanModal'
|
|
import { useTranslate } from '@tolgee/react'
|
|
|
|
type Props = {
|
|
buttonLabel?: string
|
|
} & AlertProps &
|
|
Pick<ChangePlanModalProps, 'type' | 'excludedPlans'>
|
|
|
|
export const UnlockPlanAlertInfo = ({
|
|
buttonLabel,
|
|
type,
|
|
excludedPlans,
|
|
...props
|
|
}: Props) => {
|
|
const { t } = useTranslate()
|
|
const { isOpen, onOpen, onClose } = useDisclosure()
|
|
return (
|
|
<Alert
|
|
status="info"
|
|
rounded="md"
|
|
justifyContent="space-between"
|
|
flexShrink={0}
|
|
{...props}
|
|
>
|
|
<HStack>
|
|
<AlertIcon />
|
|
<Text>{props.children}</Text>
|
|
</HStack>
|
|
<Button
|
|
colorScheme={props.status === 'warning' ? 'orange' : 'blue'}
|
|
onClick={onOpen}
|
|
flexShrink={0}
|
|
ml="2"
|
|
>
|
|
{buttonLabel ?? t('billing.upgradeAlert.buttonDefaultLabel')}
|
|
</Button>
|
|
<ChangePlanModal
|
|
isOpen={isOpen}
|
|
onClose={onClose}
|
|
type={type}
|
|
excludedPlans={excludedPlans}
|
|
/>
|
|
</Alert>
|
|
)
|
|
}
|