src/components/tasks/TaskDialog.tsx

import React from 'react';
import CustomDialog from '@/components/CustomDialog';
import { Task, TaskCreateRequest } from "@/services/tasksApi";
import { TaskForm } from "./TaskForm";

interface TaskDialogProps {
  task?: Task;
  open: boolean;
  onOpenChange: (open: boolean) => void;
  onSubmit: (data: TaskCreateRequest) => Promise<void>;
  isLoading?: boolean;
}

export function TaskDialog({

  task,

  open,

  onOpenChange,

  onSubmit,

  isLoading,

}: TaskDialogProps) {
  // Handle dialog closing
  const handleClose = () => {
    console.log('Closing task dialog');
    onOpenChange(false);
  };

  return (
    <CustomDialog

      isOpen={open}

      onClose={handleClose}

      title={task ? "Edit Task" : "Create New Task"}

      allowClose={!isLoading}

      isPending={isLoading}

    >

      <TaskForm

        task={task}

        onSubmit={onSubmit}

        onCancel={handleClose}

        isLoading={isLoading}

      />

    </CustomDialog>
  );
}