paul-nothaft
28ad3f1535
This commit introduces the foundational UI components and logic for the task management application, including task creation, calendar views, Kanban boards, and navigation elements. Replit-Commit-Author: Agent Replit-Commit-Session-Id: ceced2fc-aa46-458d-ba87-ddd4b7bb1518 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/659922a9-0087-461c-90dd-6d9a58b81d4d/ceced2fc-aa46-458d-ba87-ddd4b7bb1518/yy9YLEW
75 lines
1.7 KiB
TypeScript
75 lines
1.7 KiB
TypeScript
import KanbanBoard from '../KanbanBoard';
|
|
import { Task } from '../TaskCard';
|
|
import { addDays } from 'date-fns';
|
|
|
|
const mockTasks: Task[] = [
|
|
{
|
|
id: '1',
|
|
title: 'Design new landing page',
|
|
description: 'Create wireframes and mockups for the new product landing page',
|
|
status: 'todo',
|
|
priority: 'high',
|
|
dueDate: addDays(new Date(), 3),
|
|
timeTracked: 0,
|
|
isTracking: false,
|
|
projectId: 'project-1'
|
|
},
|
|
{
|
|
id: '2',
|
|
title: 'Implement user authentication',
|
|
description: 'Set up login, registration, and password reset functionality',
|
|
status: 'inProgress',
|
|
priority: 'high',
|
|
dueDate: addDays(new Date(), 1),
|
|
timeTracked: 120,
|
|
isTracking: true,
|
|
projectId: 'project-2'
|
|
},
|
|
{
|
|
id: '3',
|
|
title: 'Write API documentation',
|
|
status: 'inProgress',
|
|
priority: 'medium',
|
|
dueDate: addDays(new Date(), 5),
|
|
timeTracked: 45,
|
|
isTracking: false,
|
|
projectId: 'project-1'
|
|
},
|
|
{
|
|
id: '4',
|
|
title: 'Set up CI/CD pipeline',
|
|
description: 'Configure automated testing and deployment',
|
|
status: 'done',
|
|
priority: 'medium',
|
|
dueDate: addDays(new Date(), -2),
|
|
timeTracked: 180,
|
|
isTracking: false,
|
|
projectId: 'project-2'
|
|
},
|
|
{
|
|
id: '5',
|
|
title: 'Review code changes',
|
|
status: 'todo',
|
|
priority: 'low',
|
|
dueDate: new Date(),
|
|
timeTracked: 0,
|
|
isTracking: false
|
|
},
|
|
{
|
|
id: '6',
|
|
title: 'Update dependencies',
|
|
status: 'done',
|
|
priority: 'low',
|
|
dueDate: addDays(new Date(), -1),
|
|
timeTracked: 30,
|
|
isTracking: false
|
|
}
|
|
];
|
|
|
|
export default function KanbanBoardExample() {
|
|
return (
|
|
<div className="p-4">
|
|
<KanbanBoard tasks={mockTasks} />
|
|
</div>
|
|
);
|
|
} |