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

Clarify product coverage labels
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 45s
Details

Browse Source
This commit is contained in:
Cauê Faleiros
2026-07-06 13:35:01 -03:00
parent 67116d13c4
commit a73b776020
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/Products.tsx
View File

@@ -28,22 +28,22 @@ const riskStyles: Record<StockRisk, { label: string; className: string; dotClass
dotClass: 'bg-zinc-400'
},
critical: {
label: 'Até 7 dias',
label: '0-7 dias',
className: 'border-red-400/35 bg-red-400/10 text-red-300',
dotClass: 'bg-red-400'
},
attention: {
label: 'Até 14 dias',
label: '8-14 dias',
className: 'border-amber-400/35 bg-amber-400/10 text-amber-300',
dotClass: 'bg-amber-400'
},
monitor: {
label: 'Até 30 dias',
label: '15-30 dias',
className: 'border-sky-400/35 bg-sky-400/10 text-sky-300',
dotClass: 'bg-sky-400'
},
healthy: {
label: 'Acima de 30 dias',
label: '>30 dias',
className: 'border-emerald-400/35 bg-emerald-400/10 text-emerald-300',
dotClass: 'bg-emerald-400'
},
@@ -57,10 +57,10 @@ const riskStyles: Record<StockRisk, { label: string; className: string; dotClass
const stockStatusOptions: Array<{ value: StockStatusFilter; label: string }> = [
{ value: 'all', label: 'Todos' },
{ value: 'rupture', label: 'Sem estoque' },
{ value: 'critical', label: 'Até 7 dias' },
{ value: 'attention', label: 'Até 14 dias' },
{ value: 'monitor', label: 'Até 30 dias' },
{ value: 'healthy', label: 'Acima de 30 dias' },
{ value: 'critical', label: '0-7 dias' },
{ value: 'attention', label: '8-14 dias' },
{ value: 'monitor', label: '15-30 dias' },
{ value: 'healthy', label: '>30 dias' },
{ value: 'no_sales', label: 'Sem venda' }
];
@@ -454,7 +454,7 @@ const Products = () => {
</label>
<label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">
Status
Faixa de cobertura
<select
value={stockStatusFilter}
onChange={(event) => {
@@ -504,7 +504,7 @@ const Products = () => {
</label>
<label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">
Cobertura
Cobertura estimada
<select
value={coverageFilter}
onChange={(event) => {
@@ -514,11 +514,11 @@ const Products = () => {
className={`${filterSelectClassName} mt-1`}
>
<option value="all">Todos</option>
<option value="up_to_7">Até 7 dias</option>
<option value="up_to_14">Até 14 dias</option>
<option value="up_to_30">Até 30 dias</option>
<option value="over_30">Acima de 30 dias</option>
<option value="none">Sem venda para calcular</option>
<option value="up_to_7">0-7 dias</option>
<option value="up_to_14">8-14 dias</option>
<option value="up_to_30">15-30 dias</option>
<option value="over_30">&gt;30 dias</option>
<option value="none">Sem venda</option>
</select>
</label>
</div>
@@ -549,7 +549,7 @@ const Products = () => {
const exportData = productsData.map(product => ({
'ID Produto': product.id,
'Descrição': product.name,
'Status Estoque': product.riskLabel,
'Faixa de Cobertura': product.riskLabel,
'Preço Atual (R$)': product.lastPrice.toFixed(2).replace('.', ','),
'Total Vendido (un.)': product.quantitySold,
'Estoque': product.stock,
@@ -591,11 +591,11 @@ const Products = () => {
<tr>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">ID Produto</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Descrição</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Status</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Faixa de cobertura</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Total Vendido</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Estoque</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Média Diária</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Cobertura</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Cobertura estimada</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Receita Gerada</th>
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px] text-right">Ações</th>
</tr>