mirror of
https://github.com/R0m1k3/CollectFlow.git
synced 2026-10-13 18:27:40 +02:00
MichaelandClaude Sonnet 4.6
a16ec24cd7
Performance fixes for large suppliers (14k+ articles): - fetchAllPages now fetches page 1, reads total count from response, then fetches remaining pages in parallel (10 at a time) instead of sequentially. Falls back to sequential if no count in response. - getProductRows filters out suspended/inactive articles before calling getMensuelByArticles and getReferentielByArticles, reducing API calls from N_total to N_active (e.g. 14775→~2500 for S053). - getRankingByArticles receives only active articles for bulk fetch. - FfArticle now exposes actif and suspendu fields. Gamme Y support: - GammeSelect: add Y option with violet color - GridFilterBar: add Y filter button with violet color - BulkActionToolbar: add Y bulk assignment button Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
46 lines
2.3 KiB
TypeScript
46 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import { GammeCode } from "@/types/grid";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface GammeSelectProps {
|
|
value: GammeCode | null;
|
|
isDraft?: boolean;
|
|
onChange: (gamme: GammeCode) => void;
|
|
}
|
|
|
|
const GAMME_STYLES: Record<string, string> = {
|
|
A: "border-[1px] border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:border-emerald-500/30 dark:bg-emerald-500/20 dark:text-emerald-400",
|
|
B: "border-[1px] border-blue-500/30 bg-blue-500/10 text-blue-700 dark:border-blue-500/30 dark:bg-blue-500/20 dark:text-blue-400",
|
|
C: "border-[1px] border-amber-500/30 bg-amber-500/10 text-amber-700 dark:border-amber-500/30 dark:bg-amber-500/20 dark:text-amber-400",
|
|
Y: "border-[1px] border-violet-500/30 bg-violet-500/10 text-violet-700 dark:border-violet-500/30 dark:bg-violet-500/20 dark:text-violet-400",
|
|
Z: "border-[1px] border-rose-500/30 bg-rose-500/10 text-rose-700 dark:border-rose-500/30 dark:bg-rose-500/20 dark:text-rose-400",
|
|
Aucune: "border-[1px] border-slate-500/30 bg-slate-500/10 text-slate-700 dark:border-slate-500/30 dark:bg-slate-500/20 dark:text-slate-400",
|
|
};
|
|
|
|
export function GammeSelect({ value, isDraft, onChange }: GammeSelectProps) {
|
|
const displayValue = (!value || value.trim() === "") ? "Aucune" : value;
|
|
|
|
return (
|
|
<select
|
|
value={displayValue}
|
|
onChange={(e) => onChange(e.target.value as GammeCode)}
|
|
className={cn(
|
|
"w-full text-xs font-bold rounded-lg py-1.5 px-2 outline-none cursor-pointer shadow-sm transition-all text-center",
|
|
"focus:ring-2 focus:ring-brand-500/20",
|
|
GAMME_STYLES[displayValue] || "border-[1px] border-slate-300 dark:border-slate-700 bg-white dark:bg-slate-800 text-slate-500",
|
|
isDraft && "shadow-[0_0_8px_rgba(251,191,36,0.3)] border-amber-400/50"
|
|
)}
|
|
>
|
|
<option value="Aucune" disabled={displayValue !== "Aucune" && displayValue !== ""}>
|
|
{displayValue === "Aucune" || displayValue === "" ? "— (Aucune)" : "—"}
|
|
</option>
|
|
<option value="A">A</option>
|
|
<option value="B">B</option>
|
|
<option value="C">C</option>
|
|
<option value="Y">Y</option>
|
|
<option value="Z">Z</option>
|
|
</select>
|
|
);
|
|
}
|