Michael/CollectFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/CollectFlow.git synced 2026-10-22 06:28:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Implement dashboard layout with new sidebar, bulk AI analysis, supplier AI context modal, and floating summary bar.

Browse Source
This commit is contained in:
Michael committed 2026-02-26 15:11:04 +01:00
1 parent 8ce98c73fc
commit a092572829
5 files changed
+58 -90
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/features/grid/components/bulk-ai-analyzer.tsx
+39 -44
View File
@@ -210,53 +210,48 @@ export function BulkAiAnalyzer() {
setTimeout(() => setIsAnalyzing(false), 3000);
};
if (isAnalyzing) {
return (
<div className="flex items-center gap-4 h-10 px-4 rounded-xl bg-[var(--accent-bg)] border border-[var(--accent-border)] shadow-sm">
<Loader2 className="w-4 h-4 text-[var(--accent)] animate-spin" />
<div className="flex flex-col min-w-[150px]">
<span className="text-[10px] font-bold text-[var(--accent)] leading-none">
{progress.message}
</span>
<div className="w-full bg-[var(--bg-elevated)] rounded-full h-1 mt-1 overflow-hidden">
<div
className="bg-[var(--accent)] h-1 rounded-full transition-all duration-300"
style={{ width: `${Math.max(5, (progress.current / progress.total) * 100)}%` }}
></div>
</div>
</div>
<button
onClick={handleStop}
className="p-1 hover:bg-[var(--bg-elevated)] rounded-lg transition-colors text-[var(--text-muted)] hover:text-[var(--accent-error)]"
title="Arrêter l'analyse"
>
<XCircle className="w-4 h-4" />
</button>
</div>
);
}
if (progress.current > 0 && !isAnalyzing) {
return (
<div className="flex items-center gap-2 h-10 px-4 rounded-xl bg-[var(--accent-success-bg)] border border-[var(--accent-success)] shadow-sm cursor-default">
<CheckCircle2 className="w-4 h-4 text-[var(--accent-success)]" />
<span className="text-xs font-bold text-[var(--accent-success)]">
{progress.errors > 0 ? `Terminé (${progress.current - progress.errors}/${progress.total})` : `Analyse Terminée`}
</span>
</div>
);
}
return (
<div className="flex items-center gap-3">
<SupplierAiContextModal codeFournisseur={supplierCode} nomFournisseur={supplierName} />
<button
onClick={handleAnalyze}
className="group flex items-center justify-center gap-2 h-10 px-6 rounded-xl text-sm font-black transition-all shadow-md bg-[var(--accent)] text-white hover:brightness-110 active:scale-95 border border-white/10"
>
<Sparkles className="w-4 h-4" />
Analyse IA
</button>
{isAnalyzing ? (
<div className="flex items-center gap-4 h-10 px-4 rounded-xl bg-[var(--accent-bg)] border border-[var(--accent-border)] shadow-sm">
<Loader2 className="w-4 h-4 text-[var(--accent)] animate-spin" />
<div className="flex flex-col min-w-[150px]">
<span className="text-[10px] font-bold text-[var(--accent)] leading-none">
{progress.message}
</span>
<div className="w-full bg-[var(--bg-elevated)] rounded-full h-1 mt-1 overflow-hidden">
<div
className="bg-[var(--accent)] h-1 rounded-full transition-all duration-300"
style={{ width: `${Math.max(5, (progress.current / progress.total) * 100)}%` }}
></div>
</div>
</div>
<button
onClick={handleStop}
className="p-1 hover:bg-[var(--bg-elevated)] rounded-lg transition-colors text-[var(--text-muted)] hover:text-[var(--accent-error)]"
title="Arrêter l'analyse"
>
<XCircle className="w-4 h-4" />
</button>
</div>
) : progress.current > 0 ? (
<div className="flex items-center gap-2 h-10 px-4 rounded-xl bg-[var(--accent-success-bg)] border border-[var(--accent-success)] shadow-sm cursor-default">
<CheckCircle2 className="w-4 h-4 text-[var(--accent-success)]" />
<span className="text-xs font-bold text-[var(--accent-success)]">
{progress.errors > 0 ? `Terminé (${progress.current - progress.errors}/${progress.total})` : `Analyse Terminée`}
</span>
</div>
) : (
<button
onClick={handleAnalyze}
className="group flex items-center justify-center gap-2 h-10 px-6 rounded-xl text-sm font-black transition-all shadow-md bg-[var(--accent)] text-white hover:brightness-110 active:scale-95 border border-white/10"
>
<Sparkles className="w-4 h-4" />
Analyse IA
</button>
)}
</div>
);
}