susana/BeyondCXAnalytics-Demo
2
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases 6 Wiki Activity

fix: translate remaining Spanish text in RoadmapTab

Browse Source 
Fixed untranslated text in:
- Dual Strategy explanation paragraph (used dangerouslySetInnerHTML for HTML content)
- Priority queues table headers (Top Queues, Queue, Vol/month, Red Flags, Potential)

Added translation keys:
- roadmap.dualStrategy.explanation (EN/ES)
- Using existing roadmap.table.* keys for headers

Build verified successfully

https://claude.ai/code/session_03272424-c661-4002-a75e-2f81579fdd6e
This commit is contained in:
Claude
2026-02-08 10:18:18 +00:00
parent cce483c5b1
commit 08a9ecb099
3 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/components/tabs/RoadmapTab.tsx
View File

@@ -1071,19 +1071,19 @@ function WaveCard({
<div className="bg-gray-100 px-3 py-2 border-b border-gray-200">
<p className="text-xs font-semibold text-gray-700 flex items-center gap-1">
<Target className="w-3.5 h-3.5 text-blue-500" />
Top Colas por Volumen × Impacto
{t('roadmap.table.topQueuesByVolumeImpact')}
</p>
</div>
<div className="overflow-x-auto">
<table className="w-full text-[10px]">
<thead className="bg-gray-50">
<tr>
<th className="text-left py-1.5 px-2 font-medium text-gray-500">Cola</th>
<th className="text-right py-1.5 px-2 font-medium text-gray-500">Vol/mes</th>
<th className="text-right py-1.5 px-2 font-medium text-gray-500">Score</th>
<th className="text-center py-1.5 px-2 font-medium text-gray-500">Tier</th>
<th className="text-left py-1.5 px-2 font-medium text-gray-500">Red Flags</th>
<th className="text-right py-1.5 px-2 font-medium text-gray-500">Potencial</th>
<th className="text-left py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.queue')}</th>
<th className="text-right py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.volPerMonth')}</th>
<th className="text-right py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.score')}</th>
<th className="text-center py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.tier')}</th>
<th className="text-left py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.redFlags')}</th>
<th className="text-right py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.potential')}</th>
</tr>
</thead>
<tbody>
@@ -2580,15 +2580,13 @@ export function RoadmapTab({ data }: RoadmapTabProps) {
<div className="p-4 space-y-4">
{/* ENFOQUE DUAL: Párrafo explicativo */}
{recType === 'DUAL' && (
<p className="text-sm text-gray-600 leading-relaxed">
La Estrategia Dual consiste en ejecutar dos líneas de trabajo en paralelo:
<strong className="text-gray-800"> Quick Win</strong> automatiza inmediatamente las {pilotQueues.length} colas
ya preparadas (Tier AUTOMATE, {Math.round(totalVolume > 0 ? (tierVolumes.AUTOMATE / totalVolume) * 100 : 0)}% del volumen), generando retorno desde el primer mes;
mientras que <strong className="text-gray-800">Foundation</strong> prepara el {Math.round(assistPct + augmentPct)}%
restante del volumen (Tiers ASSIST y AUGMENT) estandarizando procesos y reduciendo variabilidad para habilitar
automatización futura. Este enfoque maximiza el time-to-value: Quick Win financia la transformación y genera
confianza organizacional, mientras Foundation amplía progresivamente el alcance de la automatización.
</p>
<p className="text-sm text-gray-600 leading-relaxed" dangerouslySetInnerHTML={{
__html: t('roadmap.dualStrategy.explanation', {
count: pilotQueues.length,
pct: Math.round(totalVolume > 0 ? (tierVolumes.AUTOMATE / totalVolume) * 100 : 0),
remaining: Math.round(assistPct + augmentPct)
})
}} />
)}
{/* FOUNDATION PRIMERO */}