todos-details-drawer.tsx•1.09 kB
import { Drawer, DrawerContent } from '@/components/ui/drawer';
import { ScrollArea } from '@/components/ui/scroll-area';
import { PopulatedTodo, Todo } from '@activepieces/shared';
import { TodoDetails } from './todo-details';
type TodoDetailsProps = {
open: boolean;
currentTodo: PopulatedTodo | null;
onStatusChange: (status: Todo['status']) => void;
onOpenChange: (open: boolean) => void;
onClose: () => void;
};
function TodoDetailsDrawer({
open,
currentTodo,
onStatusChange,
onOpenChange,
onClose,
}: TodoDetailsProps) {
return (
<Drawer
dismissible={false}
open={open}
onOpenChange={onOpenChange}
onClose={onClose}
direction="right"
>
<DrawerContent className="w-2/3 max-w-4xl">
<ScrollArea>
<div className="px-6">
<TodoDetails
todoId={currentTodo?.id ?? null}
onClose={onClose}
onStatusChange={onStatusChange}
/>
</div>
</ScrollArea>
</DrawerContent>
</Drawer>
);
}
export { TodoDetailsDrawer };