site-kanban

1'use client';
2 
3import { useState } from 'react';
4import { Card, CardContent } from '@/components/ui/card';
5import { Badge } from '@/components/ui/badge';
6import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
7import { Calendar, GripVertical, MessageCircle, Paperclip, Plus } from 'lucide-react';
8 
9interface Task {
10    id: string
11    title: string
12    description?: string
13    priority?: "low" | "medium" | "high"
14    assignee?: {
15        name: string
16        avatar: string
17    }
18    tags?: string[]
19    dueDate?: string
20    attachments?: number
21    comments?: number
22}
23 
24interface Column {
25    id: string
26    title: string
27    tasks: Task[]
28    color?: string
29}
30 
31const sampleData: Column[] = [
32    {
33        id: "todo",
34        title: "To Do",
35        color: "#8B7355",
36        tasks: [
37            {
38                id: "1",
39                title: "Design System Audit",
40                description: "Review and update component library",
41                priority: "high",
42                assignee: { name: "Sarah Chen", avatar: "/headshot/Lummi Doodle 02.png" },
43                tags: ["Design", "System"],
44                dueDate: "2024-01-15",
45                attachments: 3,
46                comments: 7,
47            },
48            {
49                id: "2",
50                title: "User Research Analysis",
51                description: "Analyze feedback from recent user interviews",
52                priority: "medium",
53                assignee: { name: "Alex Rivera", avatar: "/headshot/Lummi Doodle 04.png" },
54                tags: ["Research", "UX"],
55                dueDate: "2024-01-18",
56                comments: 4,
57            },
58        ],
59    },
60    {
61        id: "progress",
62        title: "In Progress",
63        color: "#6B8E23",
64        tasks: [
65            {
66                id: "3",
67                title: "Mobile App Redesign",
68                description: "Implementing new navigation patterns",
69                priority: "high",
70                assignee: { name: "Jordan Kim", avatar: "/headshot/Lummi Doodle 06.png" },
71                tags: ["Mobile", "UI"],
72                attachments: 8,
73                comments: 12,
74            },
75        ],
76    },
77    {
78        id: "review",
79        title: "Review",
80        color: "#CD853F",
81        tasks: [
82            {
83                id: "4",
84                title: "API Documentation",
85                description: "Complete developer documentation",
86                priority: "medium",
87// … truncated