Clarify product coverage labels
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 45s
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 45s
This commit is contained in:
@@ -28,22 +28,22 @@ const riskStyles: Record<StockRisk, { label: string; className: string; dotClass
|
|||||||
dotClass: 'bg-zinc-400'
|
dotClass: 'bg-zinc-400'
|
||||||
},
|
},
|
||||||
critical: {
|
critical: {
|
||||||
label: 'Até 7 dias',
|
label: '0-7 dias',
|
||||||
className: 'border-red-400/35 bg-red-400/10 text-red-300',
|
className: 'border-red-400/35 bg-red-400/10 text-red-300',
|
||||||
dotClass: 'bg-red-400'
|
dotClass: 'bg-red-400'
|
||||||
},
|
},
|
||||||
attention: {
|
attention: {
|
||||||
label: 'Até 14 dias',
|
label: '8-14 dias',
|
||||||
className: 'border-amber-400/35 bg-amber-400/10 text-amber-300',
|
className: 'border-amber-400/35 bg-amber-400/10 text-amber-300',
|
||||||
dotClass: 'bg-amber-400'
|
dotClass: 'bg-amber-400'
|
||||||
},
|
},
|
||||||
monitor: {
|
monitor: {
|
||||||
label: 'Até 30 dias',
|
label: '15-30 dias',
|
||||||
className: 'border-sky-400/35 bg-sky-400/10 text-sky-300',
|
className: 'border-sky-400/35 bg-sky-400/10 text-sky-300',
|
||||||
dotClass: 'bg-sky-400'
|
dotClass: 'bg-sky-400'
|
||||||
},
|
},
|
||||||
healthy: {
|
healthy: {
|
||||||
label: 'Acima de 30 dias',
|
label: '>30 dias',
|
||||||
className: 'border-emerald-400/35 bg-emerald-400/10 text-emerald-300',
|
className: 'border-emerald-400/35 bg-emerald-400/10 text-emerald-300',
|
||||||
dotClass: 'bg-emerald-400'
|
dotClass: 'bg-emerald-400'
|
||||||
},
|
},
|
||||||
@@ -57,10 +57,10 @@ const riskStyles: Record<StockRisk, { label: string; className: string; dotClass
|
|||||||
const stockStatusOptions: Array<{ value: StockStatusFilter; label: string }> = [
|
const stockStatusOptions: Array<{ value: StockStatusFilter; label: string }> = [
|
||||||
{ value: 'all', label: 'Todos' },
|
{ value: 'all', label: 'Todos' },
|
||||||
{ value: 'rupture', label: 'Sem estoque' },
|
{ value: 'rupture', label: 'Sem estoque' },
|
||||||
{ value: 'critical', label: 'Até 7 dias' },
|
{ value: 'critical', label: '0-7 dias' },
|
||||||
{ value: 'attention', label: 'Até 14 dias' },
|
{ value: 'attention', label: '8-14 dias' },
|
||||||
{ value: 'monitor', label: 'Até 30 dias' },
|
{ value: 'monitor', label: '15-30 dias' },
|
||||||
{ value: 'healthy', label: 'Acima de 30 dias' },
|
{ value: 'healthy', label: '>30 dias' },
|
||||||
{ value: 'no_sales', label: 'Sem venda' }
|
{ value: 'no_sales', label: 'Sem venda' }
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -454,7 +454,7 @@ const Products = () => {
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">
|
<label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">
|
||||||
Status
|
Faixa de cobertura
|
||||||
<select
|
<select
|
||||||
value={stockStatusFilter}
|
value={stockStatusFilter}
|
||||||
onChange={(event) => {
|
onChange={(event) => {
|
||||||
@@ -504,7 +504,7 @@ const Products = () => {
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">
|
<label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">
|
||||||
Cobertura
|
Cobertura estimada
|
||||||
<select
|
<select
|
||||||
value={coverageFilter}
|
value={coverageFilter}
|
||||||
onChange={(event) => {
|
onChange={(event) => {
|
||||||
@@ -514,11 +514,11 @@ const Products = () => {
|
|||||||
className={`${filterSelectClassName} mt-1`}
|
className={`${filterSelectClassName} mt-1`}
|
||||||
>
|
>
|
||||||
<option value="all">Todos</option>
|
<option value="all">Todos</option>
|
||||||
<option value="up_to_7">Até 7 dias</option>
|
<option value="up_to_7">0-7 dias</option>
|
||||||
<option value="up_to_14">Até 14 dias</option>
|
<option value="up_to_14">8-14 dias</option>
|
||||||
<option value="up_to_30">Até 30 dias</option>
|
<option value="up_to_30">15-30 dias</option>
|
||||||
<option value="over_30">Acima de 30 dias</option>
|
<option value="over_30">>30 dias</option>
|
||||||
<option value="none">Sem venda para calcular</option>
|
<option value="none">Sem venda</option>
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
@@ -549,7 +549,7 @@ const Products = () => {
|
|||||||
const exportData = productsData.map(product => ({
|
const exportData = productsData.map(product => ({
|
||||||
'ID Produto': product.id,
|
'ID Produto': product.id,
|
||||||
'Descrição': product.name,
|
'Descrição': product.name,
|
||||||
'Status Estoque': product.riskLabel,
|
'Faixa de Cobertura': product.riskLabel,
|
||||||
'Preço Atual (R$)': product.lastPrice.toFixed(2).replace('.', ','),
|
'Preço Atual (R$)': product.lastPrice.toFixed(2).replace('.', ','),
|
||||||
'Total Vendido (un.)': product.quantitySold,
|
'Total Vendido (un.)': product.quantitySold,
|
||||||
'Estoque': product.stock,
|
'Estoque': product.stock,
|
||||||
@@ -591,11 +591,11 @@ const Products = () => {
|
|||||||
<tr>
|
<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]">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]">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]">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]">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]">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]">Receita Gerada</th>
|
||||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px] text-right">Ações</th>
|
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px] text-right">Ações</th>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
Reference in New Issue
Block a user