- {COLUMNS.map((col) => {
- const cards = visible
- .filter((i) => i.status === col.status)
- .sort((a, b) => (b.priority === 'urgent' ? 1 : 0) - (a.priority === 'urgent' ? 1 : 0));
- return (
-
{
- ev.preventDefault();
- setDragOver(col.status);
- }}
- onDragLeave={() => setDragOver(null)}
- onDrop={drop(col.status)}
- className={cn(
- 'flex w-64 shrink-0 flex-col rounded-lg border border-border bg-muted/30',
- dragOver === col.status && 'border-primary bg-primary/5',
- )}
- >
-
- {col.label}
- {cards.length}
-
-
- {cards.map((item) => (
-
- ))}
-
-