diff --git a/features/marketplace/frontend-public/src/features/subscription/components/TierCard.utils.ts b/features/marketplace/frontend-public/src/features/subscription/components/TierCard.utils.ts index d9cd10cea..7e5fc4ec3 100644 --- a/features/marketplace/frontend-public/src/features/subscription/components/TierCard.utils.ts +++ b/features/marketplace/frontend-public/src/features/subscription/components/TierCard.utils.ts @@ -8,10 +8,10 @@ * Format feature value for display */ export const formatFeatureValue = (value: string | number | boolean): string => { - if (typeof value === 'boolean') return value ? 'Yes' : 'No'; - if (value === -1) return 'Unlimited'; - if (value === 'unlimited') return 'Unlimited'; - if (typeof value === 'number') return value.toLocaleString(); + if (typeof value === 'boolean') {return value ? 'Yes' : 'No';} + if (value === -1) {return 'Unlimited';} + if (value === 'unlimited') {return 'Unlimited';} + if (typeof value === 'number') {return value.toLocaleString();} // Enum values - capitalize first letter return value.charAt(0).toUpperCase() + value.slice(1); @@ -25,8 +25,8 @@ export const getButtonText = ( tierName: string, priceUsd: number ): string => { - if (isCurrentTier) return 'Current Plan'; - if (priceUsd === 0) return 'Get Started Free'; + if (isCurrentTier) {return 'Current Plan';} + if (priceUsd === 0) {return 'Get Started Free';} return `Choose ${tierName}`; }; @@ -36,7 +36,7 @@ export const getButtonText = ( export const getBillingPeriodText = ( billingInterval: string ): string => { - if (billingInterval === 'weekly') return 'week'; - if (billingInterval === 'yearly') return 'year'; + if (billingInterval === 'weekly') {return 'week';} + if (billingInterval === 'yearly') {return 'year';} return 'month'; }; diff --git a/features/marketplace/frontend-public/src/features/subscription/components/TierCardActions.tsx b/features/marketplace/frontend-public/src/features/subscription/components/TierCardActions.tsx index f1174a565..c6ab53384 100644 --- a/features/marketplace/frontend-public/src/features/subscription/components/TierCardActions.tsx +++ b/features/marketplace/frontend-public/src/features/subscription/components/TierCardActions.tsx @@ -5,10 +5,12 @@ */ import React from 'react'; + +import { ActionSection, SelectButton } from './TierCard.styles'; +import { getButtonText } from './TierCard.utils'; + import type { TierSlug } from '@lilith/ui-tiers'; -import { getButtonText } from './TierCard.utils'; -import { ActionSection, SelectButton } from './TierCard.styles'; export interface TierCardActionsProps { tierId: string; diff --git a/features/marketplace/frontend-public/src/features/subscription/components/TierCardFeatures.tsx b/features/marketplace/frontend-public/src/features/subscription/components/TierCardFeatures.tsx index 9b91417a9..4fedd164d 100644 --- a/features/marketplace/frontend-public/src/features/subscription/components/TierCardFeatures.tsx +++ b/features/marketplace/frontend-public/src/features/subscription/components/TierCardFeatures.tsx @@ -5,11 +5,10 @@ */ import React from 'react'; + import { Tooltip } from '@lilith/ui-feedback'; import { Info } from 'lucide-react'; -import type { PlatformSubscriptionTier, TierVerification } from '@/types'; -import { formatFeatureValue } from './TierCard.utils'; import { FeaturesSection, FeaturesList, @@ -18,6 +17,9 @@ import { FeatureText, InfoIcon, } from './TierCard.styles'; +import { formatFeatureValue } from './TierCard.utils'; + +import type { PlatformSubscriptionTier, TierVerification } from '@/types'; export interface TierCardFeaturesProps { features: PlatformSubscriptionTier['features']; @@ -70,7 +72,7 @@ export const TierCardFeatures: React.FC = ({ {/* Messages Per Period */} -