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
29 lines
738 B
TypeScript
29 lines
738 B
TypeScript
import { useState } from 'react';
|
|
import TaskCreationModal from '../TaskCreationModal';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Plus } from 'lucide-react';
|
|
|
|
export default function TaskCreationModalExample() {
|
|
const [isOpen, setIsOpen] = useState(false);
|
|
|
|
return (
|
|
<div className="p-4">
|
|
<Button
|
|
onClick={() => setIsOpen(true)}
|
|
className="w-full flex items-center gap-2"
|
|
>
|
|
<Plus className="w-4 h-4" />
|
|
Create New Task
|
|
</Button>
|
|
|
|
<TaskCreationModal
|
|
isOpen={isOpen}
|
|
onClose={() => setIsOpen(false)}
|
|
onSave={(task) => {
|
|
console.log('Task saved:', task);
|
|
setIsOpen(false);
|
|
}}
|
|
/>
|
|
</div>
|
|
);
|
|
} |