/
Vadimir29
/
test_ai
Обзор
Документация
Войти
/
Vadimir29
/
test_ai
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/features/DeleteTaskModal/DeleteTaskModal.tsx
41 строка
1 KB
Zhdanov Vadim
test-ai: chore: Add ui logic
02 авг 2026, 23:27
02 авг 2026, 23:27
2780791
Код
Авторство
О чём код?
import { UiModal } from '@shared/ui/ui-kit/UiModal/UiModal'; import { UiButton, UiButtonTheme } from '@shared/ui/ui-kit/UiButton/UiButton'; import { useTodoStore } from '@shared/api/todo-store'; import type { Task } from '@shared/models/task'; import './DeleteTaskModal.scss'; interface DeleteTaskModalProps { isOpen: boolean; onClose: () => void; task: Task | null; } export const DeleteTaskModal: React.FC<DeleteTaskModalProps> = ({ isOpen, onClose, task }) => { const deleteTask = useTodoStore((s) => s.deleteTask); const handleDelete = () => { if (task) { deleteTask(task.id); } onClose(); }; return ( <UiModal isOpen={isOpen} onClose={onClose} title="Удалить задачу"> <div className="delete-task-confirm"> <p className="delete-task-confirm__text"> Вы уверены, что хотите удалить задачу <strong className="delete-task-confirm__title">"{task?.title}"</strong>? </p> <div className="delete-task-confirm__actions"> <UiButton theme={UiButtonTheme.DANGER} onClick={handleDelete}> Удалить </UiButton> <UiButton theme={UiButtonTheme.OUTLINE} onClick={onClose}> Отмена </UiButton> </div> </div> </UiModal> ); };