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
50 lines
982 B
TypeScript
50 lines
982 B
TypeScript
import CalendarView from '../CalendarView';
|
|
import { Task } from '../TaskCard';
|
|
import { addDays } from 'date-fns';
|
|
|
|
const mockTasks: Task[] = [
|
|
{
|
|
id: '1',
|
|
title: 'Team meeting',
|
|
status: 'todo',
|
|
priority: 'high',
|
|
dueDate: new Date(),
|
|
timeTracked: 0,
|
|
isTracking: false
|
|
},
|
|
{
|
|
id: '2',
|
|
title: 'Review design mockups',
|
|
status: 'inProgress',
|
|
priority: 'medium',
|
|
dueDate: addDays(new Date(), 2),
|
|
timeTracked: 30,
|
|
isTracking: false
|
|
},
|
|
{
|
|
id: '3',
|
|
title: 'Client presentation',
|
|
status: 'todo',
|
|
priority: 'high',
|
|
dueDate: addDays(new Date(), 5),
|
|
timeTracked: 0,
|
|
isTracking: false
|
|
},
|
|
{
|
|
id: '4',
|
|
title: 'Code review',
|
|
status: 'todo',
|
|
priority: 'low',
|
|
dueDate: addDays(new Date(), 1),
|
|
timeTracked: 0,
|
|
isTracking: false
|
|
}
|
|
];
|
|
|
|
export default function CalendarViewExample() {
|
|
return (
|
|
<div className="p-4">
|
|
<CalendarView tasks={mockTasks} />
|
|
</div>
|
|
);
|
|
} |