797751b418
BREAKING CHANGE: Stripe environment variables simplified. Check out the new configs to adapt your existing system. Closes #906 <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ### Summary by CodeRabbit **New Features:** - Introduced a usage-based billing system, providing more flexibility and options for users. - Integrated with Stripe for a smoother and more secure payment process. - Enhanced the user interface with improvements to the billing, workspace, and pricing pages for a more intuitive experience. **Improvements:** - Simplified the billing logic, removing additional chats and yearly billing for a more streamlined user experience. - Updated email notifications to keep users informed about their usage and limits. - Improved pricing and currency formatting for better clarity and understanding. **Testing:** - Updated tests and specifications to ensure the reliability of new features and improvements. **Note:** These changes aim to provide a more flexible and user-friendly billing system, with clearer pricing and improved notifications. Users should find the new system more intuitive and easier to navigate. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
22 lines
536 B
TypeScript
22 lines
536 B
TypeScript
import {
|
|
ListProps,
|
|
UnorderedList,
|
|
Flex,
|
|
ListItem,
|
|
ListIcon,
|
|
} from '@chakra-ui/react'
|
|
import { CheckIcon } from '@/components/icons'
|
|
|
|
type FeaturesListProps = { features: (string | JSX.Element)[] } & ListProps
|
|
|
|
export const FeaturesList = ({ features, ...props }: FeaturesListProps) => (
|
|
<UnorderedList listStyleType="none" spacing={2} {...props}>
|
|
{features.map((feat, idx) => (
|
|
<Flex as={ListItem} key={idx}>
|
|
<ListIcon as={CheckIcon} mt="1.5" />
|
|
{feat}
|
|
</Flex>
|
|
))}
|
|
</UnorderedList>
|
|
)
|