chore: translate dashboard labels to English and restore CrazeLogo

This commit is contained in:
Christian Vidal Wolf
2026-06-17 11:41:14 +02:00
parent 3cb986bd90
commit b2c0e23136
2 changed files with 19 additions and 24 deletions
+11 -11
View File
@@ -534,7 +534,7 @@ const Dashboard: React.FC<DashboardProps> = ({
currentVal: formatVal(currentVal),
prevVal: formatVal(prevVal),
priorVal: formatVal(priorVal),
diffLabel: `${formatDiff(currentVal, prevVal)} vs año anterior`,
diffLabel: `${formatDiff(currentVal, prevVal)} vs prior year`,
mainGrowthPercent,
prevGrowthPercent
};
@@ -618,7 +618,7 @@ const Dashboard: React.FC<DashboardProps> = ({
{/* Período Actual */}
<div className="pb-4 lg:pb-0 lg:pr-6">
<div className="bg-slate-800/40 px-3 py-1.5 rounded text-[10px] font-bold text-slate-400 uppercase tracking-wider mb-4">
Período Actual ({currentYear})
Current Period ({currentYear})
</div>
<div className="grid grid-cols-4 gap-2">
<div>
@@ -655,7 +655,7 @@ const Dashboard: React.FC<DashboardProps> = ({
{/* Período Anterior */}
<div className="pt-4 lg:pt-0 lg:pl-6">
<div className="bg-slate-800/40 px-3 py-1.5 rounded text-[10px] font-bold text-slate-400 uppercase tracking-wider mb-4">
Período Anterior ({prevYear || 'N/A'})
Previous Period ({prevYear || 'N/A'})
</div>
{prevKpi ? (
<div className="grid grid-cols-4 gap-2">
@@ -689,7 +689,7 @@ const Dashboard: React.FC<DashboardProps> = ({
</div>
</div>
) : (
<div className="text-sm text-slate-500 italic py-2">No hay datos históricos disponibles</div>
<div className="text-sm text-slate-500 italic py-2">No historical data available</div>
)}
</div>
</div>
@@ -718,14 +718,14 @@ const Dashboard: React.FC<DashboardProps> = ({
<div className="border-t border-slate-800/80 pt-4 mt-2">
<div className="grid grid-cols-2 gap-4">
<div>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">Año Anterior ({sellOutStats.prevYear})</span>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">Previous Year ({sellOutStats.prevYear})</span>
<span className="text-lg font-bold text-slate-200 block">{sellOutStats.prevVal}</span>
<span className="text-xs text-emerald-400 font-bold">{sellOutStats.prevGrowthPercent}</span>
</div>
<div>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">Hace 2 Años ({sellOutStats.twoYearsPrior || 'N/A'})</span>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">2 Years Prior ({sellOutStats.twoYearsPrior || 'N/A'})</span>
<span className="text-lg font-bold text-slate-200 block">{sellOutStats.priorVal}</span>
<span className="text-xs text-slate-500 font-medium">referencia</span>
<span className="text-xs text-slate-500 font-medium">reference</span>
</div>
</div>
</div>
@@ -750,14 +750,14 @@ const Dashboard: React.FC<DashboardProps> = ({
<div className="border-t border-slate-800/80 pt-4 mt-2">
<div className="grid grid-cols-2 gap-4">
<div>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">Año Anterior ({unitsStats.prevYear})</span>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">Previous Year ({unitsStats.prevYear})</span>
<span className="text-lg font-bold text-slate-200 block">{unitsStats.prevVal}</span>
<span className="text-xs text-emerald-400 font-bold">{unitsStats.prevGrowthPercent}</span>
</div>
<div>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">Hace 2 Años ({unitsStats.twoYearsPrior || 'N/A'})</span>
<span className="text-[10px] text-slate-500 uppercase tracking-wider block mb-1">2 Years Prior ({unitsStats.twoYearsPrior || 'N/A'})</span>
<span className="text-lg font-bold text-slate-200 block">{unitsStats.priorVal}</span>
<span className="text-xs text-slate-500 font-medium">referencia</span>
<span className="text-xs text-slate-500 font-medium">reference</span>
</div>
</div>
</div>
@@ -817,7 +817,7 @@ const Dashboard: React.FC<DashboardProps> = ({
</ExpandableCard>
{/* Monthly Seasonality Chart */}
<ExpandableCard title="Estacionalidad Mensual - Ventas" className="h-96">
<ExpandableCard title="Monthly Seasonality - Sales" className="h-96">
<div className="flex flex-col h-full">
<div className="flex justify-end mb-2">
<div className="bg-slate-900 p-1 rounded-lg border border-slate-800 flex text-xs">