@ -44,7 +44,7 @@ export const CurrentSubscriptionContent = ({
|
||||
const isSubscribed = (plan === Plan.STARTER || plan === Plan.PRO) && stripeId
|
||||
|
||||
return (
|
||||
<Stack spacing="2">
|
||||
<Stack spacing="4">
|
||||
<Heading fontSize="3xl">Subscription</Heading>
|
||||
<HStack data-testid="current-subscription">
|
||||
<Text>Current workspace subscription: </Text>
|
||||
@ -70,7 +70,7 @@ export const CurrentSubscriptionContent = ({
|
||||
|
||||
{isSubscribed && !isCancelling && (
|
||||
<>
|
||||
<Stack spacing="1">
|
||||
<Stack spacing="4">
|
||||
<Text fontSize="sm">
|
||||
Need to change payment method or billing information? Head over to
|
||||
your billing portal:
|
||||
|
@ -12,6 +12,7 @@ import {
|
||||
Tooltip,
|
||||
Flex,
|
||||
Tag,
|
||||
useColorModeValue,
|
||||
} from '@chakra-ui/react'
|
||||
import { ChevronLeftIcon } from '@/components/icons'
|
||||
import { useWorkspace } from '@/features/workspace'
|
||||
@ -126,7 +127,7 @@ export const ProPlanContent = ({
|
||||
flex="1"
|
||||
flexShrink={0}
|
||||
borderWidth="1px"
|
||||
borderColor="blue.500"
|
||||
borderColor={useColorModeValue('blue.500', 'blue.300')}
|
||||
rounded="lg"
|
||||
>
|
||||
<Flex justifyContent="center">
|
||||
@ -134,6 +135,7 @@ export const ProPlanContent = ({
|
||||
pos="absolute"
|
||||
top="-10px"
|
||||
colorScheme="blue"
|
||||
bg={useColorModeValue('blue.500', 'blue.400')}
|
||||
variant="solid"
|
||||
fontWeight="semibold"
|
||||
style={{ marginTop: 0 }}
|
||||
|
Reference in New Issue
Block a user