← Назадimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogClose, DialogBody } from './ui/dialog';
import { X, Settings2, LayoutDashboard } from 'lucide-react';
import { KanbanModal } from './modals/KanbanModal';
interface SettingsModalProps {
open: boolean;
onOpenChange: (open: boolean) => void;
}
export function SettingsModal({ open, onOpenChange }: SettingsModalProps) {
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="sm:max-w-[1200px] h-[85vh] flex flex-col p-0 gap-0 overflow-hidden">
<DialogHeader className="p-6 pb-4 border-b border-white/10 shrink-0">
<div className="flex items-center justify-between">
<div className="flex items-center gap-3 text-primary">
<Settings2 className="w-6 h-6" />
<DialogTitle className="text-xl">Настройки Дашборда</DialogTitle>
</div>
<DialogClose className="p-2 rounded-xl hover:bg-white/10 text-gray-400 hover:text-white transition-colors">
<X className="w-5 h-5" />
</DialogClose>
</div>
</DialogHeader>
<DialogBody className="flex-1 overflow-hidden flex flex-col">
<div className="p-6 border-b border-white/10 shrink-0">
<div className="flex items-center gap-2 mb-4">
<LayoutDashboard className="w-5 h-5 text-purple-400" />
<h3 className="text-lg font-medium text-white">Управление проектом Дашборда</h3>
</div>
<p className="text-sm text-gray-400">
Здесь вы можете планировать и отслеживать задачи по разработке и улучшению самого дашборда.
Это локальная доска "system".
</p>
</div>
<div className="flex-1 overflow-y-auto p-6 bg-black/20">
{/* Render the generic Kanban Modal but embedded inside, using projectId="system" */}
<div className="h-full">
<KanbanModal
open={true}
onOpenChange={() => { }}
projectId="system"
embedded={true}
/>
</div>
</div>
</DialogBody>
</DialogContent>
</Dialog>
);
}