Add core components for task management and navigation
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
This commit is contained in:
@@ -0,0 +1,75 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user