blyzer/graphs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify product color badges

Browse Source
This commit is contained in:
Cauê Faleiros
2026-07-08 14:34:53 -03:00
parent 7668b83de6
commit 0b883dd8c2
3 changed files with 69 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Cutting.tsx
View File

@@ -3,6 +3,7 @@ import { Link, useOutletContext } from 'react-router-dom';
import { AlertTriangle, ClipboardList, Download, Layers3, Package, Palette, RotateCcw, Ruler, Save as SaveIcon, Scissors, Search, Settings2, X } from 'lucide-react';
import DateRangePicker from '../components/DateRangePicker';
import PaginationControls from '../components/PaginationControls';
import ProductColorBadge from '../components/ProductColorBadge';
import RefreshStatus from '../components/RefreshStatus';
import { CUT_FAMILY_RULES, buildCutPlan, buildOpenProductionByProductId, type CutFamilyKey, type CutIssue, type CutPlanSkuRow, type CutProductOverride } from '../analytics/cutting';
import { exportToCSV, fetchCuttingSettings, fetchProductAnalytics, fetchProductionOrders, saveCuttingSettings } from '../dataService';
@@ -895,10 +896,7 @@ const Cutting = () => {
</td>
<td className="px-4 py-2.5">
<div className="flex min-w-0 items-center gap-1.5">
<span className="inline-flex min-w-0 max-w-[92px] items-center gap-1.5 rounded-full border border-sky-400/25 bg-sky-400/10 px-2 py-1 text-xs font-bold text-sky-300">
<Palette className="h-3 w-3 shrink-0" />
<span className="truncate">{row.color || '-'}</span>
</span>
<ProductColorBadge label={row.color} className="max-w-[92px] px-2" />
<span className="inline-flex items-center gap-1 rounded-full border border-emerald-400/25 bg-emerald-400/10 px-2 py-1 text-xs font-bold text-emerald-300">
<Ruler className="h-3 w-3" />
{row.size || '-'}