bakery-admin/bakery-ia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix new Frontend 15

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-08-04 21:46:12 +02:00
parent 8bb14ecc4f
commit 32a7b913d0
10 changed files with 705 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/EnhancedTrainingProgress.tsx
View File

@@ -149,8 +149,8 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
</p>
</div>
<div className="bg-white rounded-2xl shadow-xl p-8 mb-8">
<div className="bg-red-50 border border-red-200 rounded-xl p-6">
<div className="bg-white rounded-md shadow-md p-8 mb-8">
<div className="bg-red-50 border border-red-200 rounded-md p-6">
<div className="flex items-start space-x-4">
<AlertCircle className="w-6 h-6 text-red-600 flex-shrink-0 mt-1" />
<div>
@@ -198,7 +198,7 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
</div>
{/* Main Progress Section */}
<div className="bg-white rounded-2xl shadow-xl p-8 mb-8">
<div className="bg-white rounded-md shadow-md p-8 mb-8">
{/* Overall Progress Bar */}
<div className="mb-8">
<div className="flex justify-between items-center mb-3">
@@ -218,7 +218,7 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
</div>
{/* Current Step Info */}
<div className={`bg-${currentStepInfo.color}-50 border border-${currentStepInfo.color}-200 rounded-xl p-6 mb-6`}>
<div className={`bg-${currentStepInfo.color}-50 border border-${currentStepInfo.color}-200 rounded-md p-6 mb-6`}>
<div className="flex items-start space-x-4">
<div className="flex-shrink-0">
<div className={`w-12 h-12 bg-${currentStepInfo.color}-600 rounded-full flex items-center justify-center`}>
@@ -246,7 +246,7 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
{progressSteps.map((step, index) => (
<div
key={step.id}
className={`p-4 rounded-lg border-2 transition-all duration-300 ${
className={`p-4 rounded-md border-2 transition-all duration-300 ${
step.completed
? 'bg-green-50 border-green-200'
: step.current
@@ -274,7 +274,7 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
{/* Enhanced Stats Grid */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
<div className="text-center p-4 bg-gray-50 rounded-lg">
<div className="text-center p-4 bg-gray-50 rounded-md">
<div className="flex items-center justify-center mb-2">
<Cpu className="w-5 h-5 text-gray-600 mr-2" />
<span className="text-sm font-medium text-gray-700">Productos Procesados</span>
@@ -292,7 +292,7 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
)}
</div>
<div className="text-center p-4 bg-gray-50 rounded-lg">
<div className="text-center p-4 bg-gray-50 rounded-md">
<div className="flex items-center justify-center mb-2">
<Clock className="w-5 h-5 text-gray-600 mr-2" />
<span className="text-sm font-medium text-gray-700">Tiempo Restante</span>
@@ -305,7 +305,7 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
</div>
</div>
<div className="text-center p-4 bg-gray-50 rounded-lg">
<div className="text-center p-4 bg-gray-50 rounded-md">
<div className="flex items-center justify-center mb-2">
<Target className="w-5 h-5 text-gray-600 mr-2" />
<span className="text-sm font-medium text-gray-700">Precisión Esperada</span>
@@ -329,13 +329,13 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
{/* Expected Benefits - Only show if progress < 80% to keep user engaged */}
{progress.progress < 80 && (
<div className="bg-white rounded-2xl shadow-xl p-8">
<div className="bg-white rounded-md shadow-md p-8">
<h3 className="text-2xl font-bold text-gray-900 mb-6 text-center">
Lo que podrás hacer una vez completado
</h3>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
{EXPECTED_BENEFITS.map((benefit, index) => (
<div key={index} className="text-center p-6 bg-gradient-to-br from-indigo-50 to-purple-50 rounded-xl">
<div key={index} className="text-center p-6 bg-gradient-to-br from-indigo-50 to-purple-50 rounded-md">
<div className="inline-flex items-center justify-center w-12 h-12 bg-indigo-600 rounded-full mb-4">
<benefit.icon className="w-6 h-6 text-white" />
</div>
@@ -354,7 +354,7 @@ export default function EnhancedTrainingProgress({ progress, onTimeout }: Traini
{/* Timeout Warning Modal */}
{showTimeoutWarning && (
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
<div className="bg-white rounded-2xl shadow-2xl p-8 max-w-md mx-4">
<div className="bg-white rounded-md shadow-md p-8 max-w-md mx-4">
<div className="text-center">
<AlertCircle className="w-16 h-16 text-orange-500 mx-auto mb-4" />
<h3 className="text-xl font-bold text-gray-900 mb-4">