diff --git a/apps/marketplace/src/app/(public)/pricing/PricingClient.tsx b/apps/marketplace/src/app/(public)/pricing/PricingClient.tsx index cb061c8..ec17c5f 100644 --- a/apps/marketplace/src/app/(public)/pricing/PricingClient.tsx +++ b/apps/marketplace/src/app/(public)/pricing/PricingClient.tsx @@ -1,6 +1,6 @@ 'use client' -import { useState } from 'react' +import { useEffect, useState } from 'react' import Link from 'next/link' import { useMarketplacePreferences } from '@/components/MarketplaceShell' import { resolveBrowserAppUrl } from '@/lib/appUrls' @@ -10,6 +10,8 @@ type Billing = 'monthly' | 'annual' const SYMBOL: Record = { MAD: 'MAD', USD: '$', EUR: '€' } +const LANGUAGE_CURRENCY: Record = { ar: 'MAD', fr: 'EUR', en: 'USD' } + const PRICES: Record> = { STARTER: { MAD: { monthly: 299, annual: 2990 }, @@ -123,8 +125,12 @@ function annualSavingsPct(plan: string, currency: Currency): number { export default function PricingClient() { const { language } = useMarketplacePreferences() const dict = copy[language] - const [currency, setCurrency] = useState('MAD') + const [currency, setCurrency] = useState(() => LANGUAGE_CURRENCY[language] ?? 'MAD') const [billing, setBilling] = useState('monthly') + + useEffect(() => { + setCurrency(LANGUAGE_CURRENCY[language] ?? 'MAD') + }, [language]) const dashboardUrl = resolveBrowserAppUrl(process.env.NEXT_PUBLIC_DASHBOARD_URL ?? 'http://localhost:3000/dashboard') const savings = annualSavingsPct('STARTER', currency)