Merge pull request #582 from trycompai/main

[comp] Production Deploy

Author: claudfuen

apps/framework-editor/app/(pages)/tasks/TasksClientPage.tsx

@@ -0,0 +1,100 @@
+'use client';
+
+import React from 'react';
+import { useRouter } from 'next/navigation';
+import { FrameworkEditorTaskTemplate } from '@prisma/client';
+import PageLayout from "@/app/components/PageLayout"; 
+import { DataTable } from '@/app/components/DataTable';
+import { Button } from '@comp/ui/button';
+import { PlusIcon } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@comp/ui/card";
+
+import { getColumns } from './components/columns';
+import { CreateTaskDialog } from './components/CreateTaskDialog';
+import { EditTaskDialog } from './components/EditTaskDialog';
+import { DeleteTaskDialog } from './components/DeleteTaskDialog';
+
+interface TasksClientPageProps {
+  initialTasks: FrameworkEditorTaskTemplate[];
+}
+
+export function TasksClientPage({ initialTasks }: TasksClientPageProps) {
+  const router = useRouter();
+  const [tasks, setTasks] = React.useState(initialTasks);
+  const [isCreateDialogOpen, setIsCreateDialogOpen] = React.useState(false);
+  const [editingTask, setEditingTask] = React.useState<FrameworkEditorTaskTemplate | null>(null);
+  const [deletingTask, setDeletingTask] = React.useState<FrameworkEditorTaskTemplate | null>(null);
+
+  const handleTaskCreated = (newTask: FrameworkEditorTaskTemplate) => {
+    setTasks((prevTasks) => [...prevTasks, newTask]);
+  };
+
+  const handleTaskUpdated = (updatedTask: Pick<FrameworkEditorTaskTemplate, 'id' | 'name' | 'description' | 'frequency' | 'department'>) => {
+    setTasks((prevTasks) =>
+      prevTasks.map((task) =>
+        task.id === updatedTask.id
+          ? { ...task, ...updatedTask }
+          : task
+      )
+    );
+  };
+
+  const handleTaskDeleted = (taskId: string) => {
+    setTasks((prevTasks) => prevTasks.filter((task) => task.id !== taskId));
+  };
+
+  const handleRowClick = (task: FrameworkEditorTaskTemplate) => {
+    router.push(`/tasks/${task.id}`);
+  };
+
+  const handleEditClick = (e: React.MouseEvent, task: FrameworkEditorTaskTemplate) => {
+    e.stopPropagation();
+    setEditingTask(task);
+  };
+
+  const handleDeleteClick = (e: React.MouseEvent, task: FrameworkEditorTaskTemplate) => {
+    e.stopPropagation();
+    setDeletingTask(task);
+  };
+
+  return (
+    <PageLayout breadcrumbs={[{ label: "Tasks", href: "/tasks" }]}>
+      <DataTable
+        columns={getColumns({
+          onEditClick: handleEditClick,
+          onDeleteClick: handleDeleteClick,
+        })}
+        data={tasks}
+        onRowClick={handleRowClick}
+        searchQueryParamName="tasks-search"
+        searchPlaceholder="Search tasks..."
+        createButtonLabel="Create Task"
+        onCreateClick={() => setIsCreateDialogOpen(true)}
+      />
+
+      <CreateTaskDialog
+        isOpen={isCreateDialogOpen}
+        onOpenChange={setIsCreateDialogOpen}
+        onTaskCreated={handleTaskCreated}
+      />
+
+      {editingTask && (
+        <EditTaskDialog
+          isOpen={!!editingTask}
+          onOpenChange={(isOpen) => !isOpen && setEditingTask(null)}
+          task={editingTask}
+          onTaskUpdated={handleTaskUpdated}
+        />
+      )}
+
+      {deletingTask && (
+        <DeleteTaskDialog
+          isOpen={!!deletingTask}
+          onOpenChange={(isOpen) => !isOpen && setDeletingTask(null)}
+          task={deletingTask}
+          onTaskDeleted={handleTaskDeleted}
+        />
+      )}
+    </PageLayout>
+  );
+} 

apps/framework-editor/app/(pages)/tasks/actions/create-task-template-action.ts

@@ -0,0 +1,67 @@
+'use server';
+
+import { z } from 'zod';
+import { db } from '@comp/db';
+import { revalidatePath } from 'next/cache';
+import { Frequency, Departments } from '@prisma/client';
+
+const createTaskTemplateSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  description: z.string().optional(),
+  frequency: z.nativeEnum(Frequency),
+  department: z.nativeEnum(Departments),
+});
+
+export type CreateTaskTemplateActionState = {
+  success: boolean;
+  error?: string;
+  issues?: z.ZodIssue[];
+  data?: any;
+  message?: string;
+};
+
+export async function createTaskTemplateAction(
+  prevState: CreateTaskTemplateActionState | undefined,
+  formData: FormData
+): Promise<CreateTaskTemplateActionState> {
+  try {
+    const rawData = {
+      name: formData.get('name'),
+      description: formData.get('description'),
+      frequency: formData.get('frequency'),
+      department: formData.get('department'),
+    };
+
+    const result = createTaskTemplateSchema.safeParse(rawData);
+
+    if (!result.success) {
+      return {
+        success: false,
+        issues: result.error.issues,
+      };
+    }
+
+    const taskTemplate = await db.frameworkEditorTaskTemplate.create({
+      data: {
+        name: result.data.name,
+        description: result.data.description || '',
+        frequency: result.data.frequency,
+        department: result.data.department,
+      },
+    });
+
+    revalidatePath('/tasks');
+
+    return {
+      success: true,
+      data: taskTemplate,
+      message: 'Task template created successfully',
+    };
+  } catch (error) {
+    console.error('Error creating task template:', error);
+    return {
+      success: false,
+      error: 'Failed to create task template',
+    };
+  }
+} 

apps/framework-editor/app/(pages)/tasks/actions/delete-task-template-action.ts

@@ -0,0 +1,54 @@
+'use server';
+
+import { z } from 'zod';
+import { revalidatePath } from 'next/cache';
+import { db } from '@comp/db';
+
+const deleteTaskTemplateSchema = z.object({
+  id: z.string(),
+});
+
+export type DeleteTaskTemplateActionState = {
+  success?: boolean;
+  error?: string;
+  message?: string;
+};
+
+export async function deleteTaskTemplateAction(
+  _prevState: DeleteTaskTemplateActionState | undefined,
+  formData: FormData
+): Promise<DeleteTaskTemplateActionState> {
+  try {
+    const rawData = {
+      id: formData.get('id'),
+    };
+
+    const result = deleteTaskTemplateSchema.safeParse(rawData);
+
+    if (!result.success) {
+      return {
+        success: false,
+        error: 'Invalid task template ID',
+      };
+    }
+
+    const { id } = result.data;
+
+    await db.frameworkEditorTaskTemplate.delete({
+      where: { id },
+    });
+
+    revalidatePath('/tasks');
+
+    return {
+      success: true,
+      message: 'Task Template deleted successfully!',
+    };
+  } catch (error) {
+    console.error('Error deleting task template:', error);
+    return {
+      success: false,
+      error: 'Failed to delete task template. Please try again.',
+    };
+  }
+} 

apps/framework-editor/app/(pages)/tasks/actions/update-task-template-action.ts

@@ -0,0 +1,84 @@
+'use server';
+
+import { z } from 'zod';
+import { revalidatePath } from 'next/cache';
+import { Frequency, Departments } from '@prisma/client';
+import { db } from '@comp/db';
+
+const updateTaskTemplateSchema = z.object({
+  id: z.string(),
+  name: z.string().min(1, "Name is required"),
+  description: z.string().optional(),
+  frequency: z.nativeEnum(Frequency),
+  department: z.nativeEnum(Departments),
+});
+
+export type UpdateTaskTemplateActionState = {
+  success?: boolean;
+  error?: string;
+  message?: string;
+  data?: {
+    id: string;
+    name: string;
+    description: string | null;
+    frequency: Frequency;
+    department: Departments;
+  };
+  issues?: Array<{
+    path: string[];
+    message: string;
+  }>;
+};
+
+export async function updateTaskTemplateAction(
+  _prevState: UpdateTaskTemplateActionState | undefined,
+  formData: FormData
+): Promise<UpdateTaskTemplateActionState> {
+  try {
+    const rawData = {
+      id: formData.get('id'),
+      name: formData.get('name'),
+      description: formData.get('description'),
+      frequency: formData.get('frequency'),
+      department: formData.get('department'),
+    };
+
+    const result = updateTaskTemplateSchema.safeParse(rawData);
+
+    if (!result.success) {
+      return {
+        success: false,
+        issues: result.error.issues.map((issue) => ({
+          path: issue.path.map(String),
+          message: issue.message,
+        })),
+      };
+    }
+
+    const { id, name, description, frequency, department } = result.data;
+
+    const updatedTask = await db.frameworkEditorTaskTemplate.update({
+      where: { id },
+      data: {
+        name,
+        description: description || '',
+        frequency,
+        department,
+      },
+    });
+
+    revalidatePath('/tasks');
+
+    return {
+      success: true,
+      message: 'Task Template updated successfully!',
+      data: updatedTask,
+    };
+  } catch (error) {
+    console.error('Error updating task template:', error);
+    return {
+      success: false,
+      error: 'Failed to update task template. Please try again.',
+    };
+  }
+}