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

Add improved production UI

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-09-23 12:49:35 +02:00
parent 8d54202e91
commit 4ae8e14e55
35 changed files with 6848 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/pages/app/operations/production/ProductionPage.tsx
View File

@@ -5,7 +5,7 @@ import { statusColors } from '../../../../styles/colors';
import { formatters } from '../../../../components/ui/Stats/StatsPresets';
import { LoadingSpinner } from '../../../../components/shared';
import { PageHeader } from '../../../../components/layout';
import { ProductionSchedule, BatchTracker, QualityControl, CreateProductionBatchModal } from '../../../../components/domain/production';
import { ProductionSchedule, BatchTracker, QualityControl, QualityDashboard, QualityInspection, EquipmentManager, CreateProductionBatchModal } from '../../../../components/domain/production';
import { useCurrentTenant } from '../../../../stores/tenant.store';
import {
useProductionDashboard,
@@ -298,6 +298,36 @@ const ProductionPage: React.FC = () => {
>
Control de Calidad
</button>
<button
onClick={() => setActiveTab('quality-dashboard')}
className={`py-2 px-1 border-b-2 font-medium text-sm ${
activeTab === 'quality-dashboard'
? 'border-orange-500 text-[var(--color-primary)]'
: 'border-transparent text-[var(--text-tertiary)] hover:text-[var(--text-secondary)] hover:border-[var(--border-secondary)]'
}`}
>
Dashboard Calidad
</button>
<button
onClick={() => setActiveTab('quality-inspection')}
className={`py-2 px-1 border-b-2 font-medium text-sm ${
activeTab === 'quality-inspection'
? 'border-orange-500 text-[var(--color-primary)]'
: 'border-transparent text-[var(--text-tertiary)] hover:text-[var(--text-secondary)] hover:border-[var(--border-secondary)]'
}`}
>
Inspección
</button>
<button
onClick={() => setActiveTab('equipment')}
className={`py-2 px-1 border-b-2 font-medium text-sm ${
activeTab === 'equipment'
? 'border-orange-500 text-[var(--color-primary)]'
: 'border-transparent text-[var(--text-tertiary)] hover:text-[var(--text-secondary)] hover:border-[var(--border-secondary)]'
}`}
>
Equipos
</button>
</nav>
</div>
@@ -400,6 +430,18 @@ const ProductionPage: React.FC = () => {
<QualityControl />
)}
{activeTab === 'quality-dashboard' && (
<QualityDashboard />
)}
{activeTab === 'quality-inspection' && (
<QualityInspection />
)}
{activeTab === 'equipment' && (
<EquipmentManager />
)}
{/* Production Batch Modal */}
{showBatchModal && selectedBatch && (
<StatusModal