update subscription algorithm

apps/dashboard/src/app/(dashboard)/subscription/page.tsx

@@ -8,14 +8,13 @@ import { useDashboardI18n } from '@/components/I18nProvider'
 
 type Plan = 'STARTER' | 'GROWTH' | 'PRO'
 type BillingPeriod = 'MONTHLY' | 'ANNUAL'
-type Currency = 'MAD' | 'USD' | 'EUR'
 
 interface Subscription {
   id: string
   plan: Plan
   billingPeriod: BillingPeriod
   status: string
-  currency: Currency
+  currency: string
   trialEndAt: string | null
   currentPeriodEnd: string | null
   cancelAtPeriodEnd: boolean
@@ -24,7 +23,7 @@ interface Subscription {
 interface Invoice {
   id: string
   amount: number
-  currency: Currency
+  currency: string
   status: string
   paymentProvider: string
   paidAt: string | null
@@ -67,7 +66,7 @@ export default function SubscriptionPage() {
 
   const [selectedPlan, setSelectedPlan] = useState<Plan>('STARTER')
   const [billingPeriod, setBillingPeriod] = useState<BillingPeriod>('MONTHLY')
-  const [currency, setCurrency] = useState<Currency>('MAD')
+  const currency = 'MAD'
   const [provider, setProvider] = useState<'AMANPAY' | 'PAYPAL'>('AMANPAY')
   const [providerAvailability, setProviderAvailability] = useState<ProviderAvailability>({ amanpay: false, paypal: false })
   const [paying, setPaying] = useState(false)
@@ -245,7 +244,7 @@ export default function SubscriptionPage() {
           setSubscription(sub)
           setSelectedPlan(sub.plan)
           setBillingPeriod(sub.billingPeriod)
-          setCurrency(sub.currency as Currency)
+          // currency is always MAD
         }
         setInvoices(inv ?? [])
       })
@@ -400,21 +399,6 @@ export default function SubscriptionPage() {
           ))}
         </div>
 
-        {/* Currency selector */}
-        <div className="flex items-center gap-2">
-          {(['MAD', 'USD', 'EUR'] as Currency[]).map((c) => (
-            <button
-              key={c}
-              onClick={() => setCurrency(c)}
-              className={`px-3 py-1 rounded-lg text-sm font-medium border transition-colors ${
-                currency === c ? 'border-blue-500 bg-blue-50 text-blue-700' : 'border-slate-200 text-slate-600 hover:border-slate-300'
-              }`}
-            >
-              {c}
-            </button>
-          ))}
-        </div>
-
         {/* Plan cards */}
         <div className="grid gap-4 md:grid-cols-3">
           {PLANS.map((plan) => {
@@ -435,7 +419,7 @@ export default function SubscriptionPage() {
                   {isActive && <span className="badge-green">{copy.active}</span>}
                 </div>
                 <p className="mt-2 text-2xl font-black text-slate-900">
-                  {price ? formatCurrency(price, currency) : '—'}
+                  {price ? formatCurrency(price, 'MAD') : '—'}
                   <span className="text-sm font-normal text-slate-500">/{billingPeriod === 'MONTHLY' ? copy.perMonthShort : copy.perYearShort}</span>
                 </p>
                 <ul className="mt-3 space-y-1">
@@ -482,7 +466,7 @@ export default function SubscriptionPage() {
           <div>
             <p className="text-sm text-slate-500">{copy.total}</p>
             <p className="text-xl font-black text-slate-900">
-              {planPrice ? formatCurrency(planPrice, currency) : '—'}
+              {planPrice ? formatCurrency(planPrice, 'MAD') : '—'}
               <span className="text-sm font-normal text-slate-500 ml-1">/{billingPeriod === 'MONTHLY' ? copy.perMonth : copy.perYear}</span>
             </p>
           </div>
@@ -530,7 +514,7 @@ export default function SubscriptionPage() {
                     {inv.paidAt ? new Date(inv.paidAt).toLocaleDateString() : '—'}
                   </td>
                   <td className="px-6 py-4 text-right text-sm font-semibold text-slate-900">
-                    {formatCurrency(inv.amount, inv.currency)}
+                    {formatCurrency(inv.amount, 'MAD')}
                   </td>
                 </tr>
               ))}