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

68
apps/web/app/(admin)/memberships/page.tsx
View File

@@ -68,10 +68,10 @@ interface MembershipsResponse {
}
const statusFilters = [
{ value: "", label: "Todos" },
{ value: "ACTIVE", label: "Activas" },
{ value: "EXPIRED", label: "Expiradas" },
{ value: "CANCELLED", label: "Canceladas" },
{ value: "", label: "All" },
{ value: "ACTIVE", label: "Active" },
{ value: "EXPIRED", label: "Expired" },
{ value: "CANCELLED", label: "Cancelled" },
];
export default function MembershipsPage() {
@@ -104,12 +104,12 @@ export default function MembershipsPage() {
setLoadingPlans(true);
try {
const response = await fetch("/api/membership-plans?includeInactive=true");
if (!response.ok) throw new Error("Error al cargar planes");
if (!response.ok) throw new Error("Error loading plans");
const data = await response.json();
setPlans(data);
} catch (err) {
console.error("Error fetching plans:", err);
setError(err instanceof Error ? err.message : "Error desconocido");
setError(err instanceof Error ? err.message : "Unknown error");
} finally {
setLoadingPlans(false);
}
@@ -125,7 +125,7 @@ export default function MembershipsPage() {
if (searchQuery) params.append("search", searchQuery);
const response = await fetch(`/api/memberships?${params.toString()}`);
if (!response.ok) throw new Error("Error al cargar membresias");
if (!response.ok) throw new Error("Error loading memberships");
const data: MembershipsResponse = await response.json();
setMemberships(data.data);
@@ -138,7 +138,7 @@ export default function MembershipsPage() {
});
} catch (err) {
console.error("Error fetching memberships:", err);
setError(err instanceof Error ? err.message : "Error desconocido");
setError(err instanceof Error ? err.message : "Unknown error");
} finally {
setLoadingMemberships(false);
}
@@ -209,7 +209,7 @@ export default function MembershipsPage() {
if (!response.ok) {
const errorData = await response.json();
throw new Error(errorData.error || "Error al guardar plan");
throw new Error(errorData.error || "Error saving plan");
}
setShowPlanForm(false);
@@ -224,7 +224,7 @@ export default function MembershipsPage() {
// Handle plan deletion
const handleDeletePlan = async (plan: MembershipPlan) => {
if (!confirm(`¿Estas seguro de eliminar el plan "${plan.name}"? Esta accion lo desactivara.`)) {
if (!confirm(`Are you sure you want to delete the plan "${plan.name}"? This action will deactivate it.`)) {
return;
}
@@ -235,13 +235,13 @@ export default function MembershipsPage() {
if (!response.ok) {
const errorData = await response.json();
throw new Error(errorData.error || "Error al eliminar plan");
throw new Error(errorData.error || "Error deleting plan");
}
await fetchPlans();
} catch (err) {
console.error("Error deleting plan:", err);
setError(err instanceof Error ? err.message : "Error desconocido");
setError(err instanceof Error ? err.message : "Unknown error");
}
};
@@ -262,7 +262,7 @@ export default function MembershipsPage() {
if (!response.ok) {
const errorData = await response.json();
throw new Error(errorData.error || "Error al asignar membresia");
throw new Error(errorData.error || "Error assigning membership");
}
setShowAssignDialog(false);
@@ -295,19 +295,19 @@ export default function MembershipsPage() {
if (!response.ok) {
const errorData = await response.json();
throw new Error(errorData.error || "Error al renovar membresia");
throw new Error(errorData.error || "Error renewing membership");
}
await Promise.all([fetchMemberships(), fetchPlans()]);
} catch (err) {
console.error("Error renewing membership:", err);
setError(err instanceof Error ? err.message : "Error desconocido");
setError(err instanceof Error ? err.message : "Unknown error");
}
};
// Handle membership cancellation
const handleCancelMembership = async (membership: Membership) => {
if (!confirm(`¿Estas seguro de cancelar la membresia de ${membership.client.firstName} ${membership.client.lastName}?`)) {
if (!confirm(`Are you sure you want to cancel the membership for ${membership.client.firstName} ${membership.client.lastName}?`)) {
return;
}
@@ -318,13 +318,13 @@ export default function MembershipsPage() {
if (!response.ok) {
const errorData = await response.json();
throw new Error(errorData.error || "Error al cancelar membresia");
throw new Error(errorData.error || "Error cancelling membership");
}
await Promise.all([fetchMemberships(), fetchPlans()]);
} catch (err) {
console.error("Error cancelling membership:", err);
setError(err instanceof Error ? err.message : "Error desconocido");
setError(err instanceof Error ? err.message : "Unknown error");
}
};
@@ -336,9 +336,9 @@ export default function MembershipsPage() {
{/* Header */}
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<h1 className="text-2xl font-bold text-primary-800">Membresias</h1>
<h1 className="text-2xl font-bold text-primary-800">Memberships</h1>
<p className="mt-1 text-primary-600">
Gestiona planes y membresias de tus clientes
Manage plans and memberships for your players
</p>
</div>
</div>
@@ -374,7 +374,7 @@ export default function MembershipsPage() {
</svg>
</div>
<div>
<p className="text-sm text-primary-500">Membresias Activas</p>
<p className="text-sm text-primary-500">Active Memberships</p>
<p className="text-2xl font-bold text-primary-800">{stats.totalActive}</p>
</div>
</div>
@@ -396,7 +396,7 @@ export default function MembershipsPage() {
</svg>
</div>
<div>
<p className="text-sm text-primary-500">Por Expirar</p>
<p className="text-sm text-primary-500">Expiring Soon</p>
<p className="text-2xl font-bold text-primary-800">{stats.expiringSoon}</p>
</div>
</div>
@@ -412,7 +412,7 @@ export default function MembershipsPage() {
</svg>
</div>
<div>
<p className="text-sm text-primary-500">Planes Activos</p>
<p className="text-sm text-primary-500">Active Plans</p>
<p className="text-2xl font-bold text-primary-800">{activePlans.length}</p>
</div>
</div>
@@ -428,7 +428,7 @@ export default function MembershipsPage() {
</svg>
</div>
<div>
<p className="text-sm text-primary-500">Total Suscriptores</p>
<p className="text-sm text-primary-500">Total Subscribers</p>
<p className="text-2xl font-bold text-primary-800">
{plans.reduce((sum, p) => sum + p.subscriberCount, 0)}
</p>
@@ -441,12 +441,12 @@ export default function MembershipsPage() {
{/* Plans Section */}
<section>
<div className="flex items-center justify-between mb-4">
<h2 className="text-xl font-semibold text-primary-800">Planes de Membresia</h2>
<h2 className="text-xl font-semibold text-primary-800">Membership Plans</h2>
<Button onClick={() => setShowPlanForm(true)}>
<svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
</svg>
Nuevo Plan
New Plan
</Button>
</div>
@@ -454,7 +454,7 @@ export default function MembershipsPage() {
<div className="flex items-center justify-center py-12">
<div className="text-center">
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto mb-2"></div>
<p className="text-primary-500">Cargando planes...</p>
<p className="text-primary-500">Loading plans...</p>
</div>
</div>
) : plans.length === 0 ? (
@@ -468,10 +468,10 @@ export default function MembershipsPage() {
>
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
</svg>
<p className="font-medium text-primary-600">No hay planes</p>
<p className="text-sm text-primary-500 mt-1">Crea tu primer plan de membresia</p>
<p className="font-medium text-primary-600">No plans</p>
<p className="text-sm text-primary-500 mt-1">Create your first membership plan</p>
<Button className="mt-4" onClick={() => setShowPlanForm(true)}>
Crear Plan
Create Plan
</Button>
</CardContent>
</Card>
@@ -496,12 +496,12 @@ export default function MembershipsPage() {
{/* Memberships Section */}
<section>
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-4">
<h2 className="text-xl font-semibold text-primary-800">Membresias</h2>
<h2 className="text-xl font-semibold text-primary-800">Memberships</h2>
<Button variant="accent" onClick={() => setShowAssignDialog(true)}>
<svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" />
</svg>
Asignar Membresia
Assign Membership
</Button>
</div>
@@ -513,7 +513,7 @@ export default function MembershipsPage() {
<div className="flex-1">
<Input
type="text"
placeholder="Buscar por nombre de cliente..."
placeholder="Search by player name..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="w-full"
@@ -527,7 +527,7 @@ export default function MembershipsPage() {
onChange={(e) => setPlanFilter(e.target.value)}
className="flex h-10 w-full rounded-md border border-primary-200 bg-white px-3 py-2 text-sm ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"
>
<option value="">Todos los planes</option>
<option value="">All plans</option>
{activePlans.map((plan) => (
<option key={plan.id} value={plan.id}>
{plan.name}