consultoria-as/app-padel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: translate memberships page and components to English

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ivan
2026-03-01 21:24:48 +00:00
parent 13bd84a0b5
commit 407744d00f
3 changed files with 72 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/web/components/memberships/plan-card.tsx
View File

@@ -57,7 +57,7 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
? "bg-accent-100 text-accent-700"
: "bg-primary-100 text-primary-600"
)}>
{plan.subscriberCount} {plan.subscriberCount === 1 ? "suscriptor" : "suscriptores"}
{plan.subscriberCount} {plan.subscriberCount === 1 ? "subscriber" : "subscribers"}
</span>
</div>
{plan.description && (
@@ -72,7 +72,7 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
{formatCurrency(price)}
</div>
<div className="text-sm text-primary-500">
/{plan.durationMonths} {plan.durationMonths === 1 ? "mes" : "meses"}
/{plan.durationMonths} {plan.durationMonths === 1 ? "month" : "months"}
</div>
</div>
@@ -87,8 +87,8 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
</svg>
</div>
<div>
<p className="font-medium text-primary-800">{freeHours} horas gratis</p>
<p className="text-xs text-primary-500">de cancha al mes</p>
<p className="font-medium text-primary-800">{freeHours} free hours</p>
<p className="text-xs text-primary-500">of court time per month</p>
</div>
</div>
)}
@@ -102,8 +102,8 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
</svg>
</div>
<div>
<p className="font-medium text-primary-800">{discountPercent}% descuento</p>
<p className="text-xs text-primary-500">en reservas adicionales</p>
<p className="font-medium text-primary-800">{discountPercent}% discount</p>
<p className="text-xs text-primary-500">on additional bookings</p>
</div>
</div>
)}
@@ -117,8 +117,8 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
</svg>
</div>
<div>
<p className="font-medium text-primary-800">{storeDiscount}% descuento</p>
<p className="text-xs text-primary-500">en tienda</p>
<p className="font-medium text-primary-800">{storeDiscount}% discount</p>
<p className="text-xs text-primary-500">in store</p>
</div>
</div>
)}
@@ -126,7 +126,7 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
{/* Other Benefits */}
{otherBenefits.length > 0 && (
<div className="pt-2 border-t border-primary-100">
<p className="text-xs font-medium text-primary-600 mb-2">Beneficios adicionales:</p>
<p className="text-xs font-medium text-primary-600 mb-2">Additional benefits:</p>
<ul className="space-y-1">
{otherBenefits.map((benefit, index) => (
<li key={index} className="flex items-start gap-2 text-sm text-primary-700">
@@ -153,7 +153,7 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
<svg className="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
</svg>
Editar
Edit
</Button>
<Button
variant="outline"
@@ -164,7 +164,7 @@ export function PlanCard({ plan, onEdit, onDelete, isAdmin = false }: PlanCardPr
<svg className="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
</svg>
Eliminar
Delete
</Button>
</CardFooter>
)}

54
apps/web/components/memberships/plan-form.tsx
View File

@@ -41,10 +41,10 @@ interface PlanFormProps {
}
const durationOptions = [
{ value: 1, label: "1 mes" },
{ value: 3, label: "3 meses" },
{ value: 6, label: "6 meses" },
{ value: 12, label: "12 meses" },
{ value: 1, label: "1 month" },
{ value: 3, label: "3 months" },
{ value: 6, label: "6 months" },
{ value: 12, label: "12 months" },
];
export function PlanForm({
@@ -107,19 +107,19 @@ export function PlanForm({
const newErrors: Record<string, string> = {};
if (!formData.name.trim()) {
newErrors.name = "El nombre es requerido";
newErrors.name = "Name is required";
}
if (formData.price <= 0) {
newErrors.price = "El precio debe ser mayor a 0";
newErrors.price = "Price must be greater than 0";
}
if (formData.bookingDiscount < 0 || formData.bookingDiscount > 100) {
newErrors.bookingDiscount = "El descuento debe estar entre 0 y 100";
newErrors.bookingDiscount = "Discount must be between 0 and 100";
}
if (formData.storeDiscount < 0 || formData.storeDiscount > 100) {
newErrors.storeDiscount = "El descuento debe estar entre 0 y 100";
newErrors.storeDiscount = "Discount must be between 0 and 100";
}
if (formData.freeHours < 0) {
newErrors.freeHours = "Las horas gratis no pueden ser negativas";
newErrors.freeHours = "Free hours cannot be negative";
}
setErrors(newErrors);
@@ -137,20 +137,20 @@ export function PlanForm({
<form onSubmit={handleSubmit}>
<CardHeader>
<CardTitle>
{mode === "create" ? "Nuevo Plan de Membresia" : "Editar Plan"}
{mode === "create" ? "New Membership Plan" : "Edit Plan"}
</CardTitle>
</CardHeader>
<CardContent className="space-y-4">
{/* Name */}
<div>
<label className="block text-sm font-medium text-primary-700 mb-1">
Nombre del Plan *
Plan Name *
</label>
<Input
name="name"
value={formData.name}
onChange={handleChange}
placeholder="Ej: Plan Premium"
placeholder="E.g.: Premium Plan"
className={errors.name ? "border-red-500" : ""}
/>
{errors.name && (
@@ -161,13 +161,13 @@ export function PlanForm({
{/* Description */}
<div>
<label className="block text-sm font-medium text-primary-700 mb-1">
Descripcion
Description
</label>
<textarea
name="description"
value={formData.description}
onChange={handleChange}
placeholder="Descripcion del plan..."
placeholder="Plan description..."
rows={2}
className="flex w-full rounded-md border border-primary-200 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-primary-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"
/>
@@ -177,7 +177,7 @@ export function PlanForm({
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label className="block text-sm font-medium text-primary-700 mb-1">
Precio *
Price *
</label>
<Input
type="number"
@@ -194,7 +194,7 @@ export function PlanForm({
</div>
<div>
<label className="block text-sm font-medium text-primary-700 mb-1">
Duracion
Duration
</label>
<select
name="durationMonths"
@@ -213,12 +213,12 @@ export function PlanForm({
{/* Benefits Section */}
<div className="border-t border-primary-200 pt-4 mt-4">
<h4 className="text-sm font-semibold text-primary-800 mb-3">Beneficios</h4>
<h4 className="text-sm font-semibold text-primary-800 mb-3">Benefits</h4>
{/* Free Hours */}
<div className="mb-4">
<label className="block text-sm font-medium text-primary-700 mb-1">
Horas Gratis de Cancha (por mes)
Free Court Hours (per month)
</label>
<Input
type="number"
@@ -238,7 +238,7 @@ export function PlanForm({
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
<div>
<label className="block text-sm font-medium text-primary-700 mb-1">
Descuento en Reservas (%)
Booking Discount (%)
</label>
<Input
type="number"
@@ -255,7 +255,7 @@ export function PlanForm({
</div>
<div>
<label className="block text-sm font-medium text-primary-700 mb-1">
Descuento en Tienda (%)
Store Discount (%)
</label>
<Input
type="number"
@@ -275,36 +275,36 @@ export function PlanForm({
{/* Extra Benefits */}
<div>
<label className="block text-sm font-medium text-primary-700 mb-1">
Beneficios Adicionales
Additional Benefits
</label>
<textarea
name="extraBenefits"
value={formData.extraBenefits}
onChange={handleChange}
placeholder="Un beneficio por linea&#10;Ej: Acceso a vestidores VIP&#10;Invitacion a eventos exclusivos"
placeholder="One benefit per line&#10;E.g.: Access to VIP locker rooms&#10;Invitation to exclusive events"
rows={4}
className="flex w-full rounded-md border border-primary-200 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-primary-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"
/>
<p className="text-xs text-primary-500 mt-1">
Escribe un beneficio por linea
Write one benefit per line
</p>
</div>
</div>
</CardContent>
<CardFooter className="flex justify-end gap-3 border-t border-primary-200 bg-primary-50 pt-4">
<Button type="button" variant="outline" onClick={onCancel}>
Cancelar
Cancel
</Button>
<Button type="submit" disabled={isLoading}>
{isLoading ? (
<span className="flex items-center gap-2">
<div className="h-4 w-4 animate-spin rounded-full border-2 border-white/30 border-t-white" />
Guardando...
Saving...
</span>
) : mode === "create" ? (
"Crear Plan"
"Create Plan"
) : (
"Guardar Cambios"
"Save Changes"
)}
</Button>
</CardFooter>