Clarify cutting quantity columns
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 1m41s

This commit is contained in:
Cauê Faleiros
2026-08-11 12:55:31 -03:00
parent 5fcf1862ed
commit 1c97f03b3e

View File

@@ -1355,11 +1355,12 @@ const Cutting = () => {
) : (
<div className={`overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm dark:border-dark-border dark:bg-dark-card ${isRefreshing ? 'refreshing-content' : ''}`} aria-busy={isRefreshing}>
<div className="overflow-x-auto">
<table className="w-full min-w-[900px] table-fixed text-left text-sm">
<table className="w-full min-w-[980px] table-fixed text-left text-sm">
<colgroup>
<col className="w-[40%]" />
<col className="w-[15%]" />
<col className="w-[25%]" />
<col className="w-[36%]" />
<col className="w-[16%]" />
<col className="w-[14%]" />
<col className="w-[14%]" />
<col className="w-[12%]" />
<col className="w-[8%]" />
</colgroup>
@@ -1367,7 +1368,8 @@ const Cutting = () => {
<tr>
<th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Produto</th>
<th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Cortar agora</th>
<th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Demanda / disponível</th>
<th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Demanda</th>
<th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Disponível</th>
<th className="px-4 py-4 text-center text-[10px] font-bold uppercase tracking-wider">Status</th>
<th className="px-4 py-4 text-right text-[10px] font-bold uppercase tracking-wider">Ações</th>
</tr>
@@ -1389,13 +1391,10 @@ const Cutting = () => {
<div className="mt-1 text-[10px] font-medium text-zinc-400 dark:text-dark-muted">Média: {formatNumber(row.dailySales, 2)} un./dia · Cobertura: {formatDays(row.daysOfCover)}</div>
</td>
<td className="px-4 py-2.5 whitespace-nowrap">
<div className="text-lg font-bold text-red-300">{formatNumber(row.suggestedCutQuantity)} un.</div>
<div className="mt-1 text-[10px] font-semibold text-dark-muted">necessidade calculada</div>
</td>
<td className="px-4 py-2.5 whitespace-nowrap">
<div className="text-sm font-bold text-dark-text">Demanda {formatNumber(row.projectedDemand, 1)} un.</div>
<div className="mt-1 text-xs font-semibold text-dark-muted">Disponível {formatNumber(row.availableQuantity)} un.{row.openProductionQuantity ? ` · ${formatNumber(row.openProductionQuantity)} em OP` : ''}</div>
<div className="text-lg font-bold text-brand-primary">{formatNumber(row.suggestedCutQuantity)} un.</div>
</td>
<td className="px-4 py-2.5 whitespace-nowrap font-bold text-dark-text">{formatNumber(row.projectedDemand, 1)} un.</td>
<td className="px-4 py-2.5 whitespace-nowrap"><div className="font-bold text-dark-text">{formatNumber(row.availableQuantity)} un.</div>{row.openProductionQuantity ? <div className="mt-1 text-[10px] font-semibold text-dark-muted">{formatNumber(row.openProductionQuantity)} em OP</div> : null}</td>
<td className="px-4 py-2.5 text-center align-middle">{renderCutStatus(row)}</td>
<td className="px-4 py-2.5 text-right">
<div className="flex justify-end gap-2">