fixed paddle locale
This commit is contained in:
@@ -2,7 +2,7 @@ import React from "react";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
|
||||
import { useCheckoutWizard } from "../WizardContext";
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Trans, useTranslation } from 'react-i18next';
|
||||
|
||||
interface ConfirmationStepProps {
|
||||
onViewProfile?: () => void;
|
||||
@@ -28,13 +28,24 @@ export const ConfirmationStep: React.FC<ConfirmationStepProps> = ({ onViewProfil
|
||||
window.location.href = '/event-admin';
|
||||
}, [onGoToAdmin]);
|
||||
|
||||
const packageName = selectedPackage?.name ?? '';
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<Alert>
|
||||
<AlertTitle>{t('checkout.confirmation_step.welcome')}</AlertTitle>
|
||||
<AlertDescription>
|
||||
{t('checkout.confirmation_step.package_activated', { name: selectedPackage?.name || '' })}
|
||||
{t('checkout.confirmation_step.email_sent')}
|
||||
<Alert className="border-primary/40 bg-primary/5">
|
||||
<AlertTitle className="text-xl font-semibold">
|
||||
{t('checkout.confirmation_step.welcome')}
|
||||
</AlertTitle>
|
||||
<AlertDescription className="space-y-2 text-base leading-relaxed">
|
||||
<Trans
|
||||
t={t}
|
||||
i18nKey="checkout.confirmation_step.package_summary"
|
||||
components={{ strong: <span className="font-semibold" /> }}
|
||||
values={{ name: packageName }}
|
||||
/>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
{t('checkout.confirmation_step.email_followup')}
|
||||
</p>
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
<div className="flex flex-wrap gap-3 justify-end">
|
||||
|
||||
Reference in New Issue
Block a user