paul-nothaft
4ea8a7c6a1
Update TaskCard and TaskCreationModal components to support task labels, including UI elements for selection and display. Refactor schema imports to use '@shared/schema'. Replit-Commit-Author: Agent Replit-Commit-Session-Id: ceced2fc-aa46-458d-ba87-ddd4b7bb1518 Replit-Commit-Checkpoint-Type: intermediate_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/659922a9-0087-461c-90dd-6d9a58b81d4d/ceced2fc-aa46-458d-ba87-ddd4b7bb1518/vtpluZY
34 lines
846 B
TypeScript
34 lines
846 B
TypeScript
import TaskCard from '../TaskCard';
|
|
import { Task } from '@shared/schema';
|
|
|
|
const mockTask: Task = {
|
|
id: '1',
|
|
title: 'Design mobile task interface',
|
|
description: 'Create wireframes and mockups for the mobile-first task management interface',
|
|
status: 'inProgress',
|
|
priority: 'high',
|
|
dueDate: new Date('2024-09-20'),
|
|
timeTracked: 45,
|
|
isTracking: false,
|
|
projectId: 'project-1',
|
|
notes: 'Focus on mobile-first design principles'
|
|
};
|
|
|
|
export default function TaskCardExample() {
|
|
return (
|
|
<div className="p-4 space-y-4">
|
|
<TaskCard task={mockTask} />
|
|
<TaskCard
|
|
task={{
|
|
...mockTask,
|
|
id: '2',
|
|
title: 'Quick task without details',
|
|
description: undefined,
|
|
status: 'todo',
|
|
priority: 'low',
|
|
timeTracked: 0
|
|
}}
|
|
/>
|
|
</div>
|
|
);
|
|
} |