[dev] [Marfuen] mariano/create-task (#1495)

* feat: implement task creation functionality with validation and UI integration

- Added a new action for creating tasks with input validation using Zod.
- Implemented a CreateTaskSheet component for the task creation UI, integrating form handling and submission.
- Updated TaskList and TaskFilterHeader components to include the new task creation functionality and controls retrieval.
- Enhanced the TasksPage to fetch controls for task assignment.

These changes improve task management capabilities within the application.

* refactor: optimize task sheet component by replacing useMemo with useCallback

- Changed the filter function in CreateTaskSheet from useMemo to useCallback to improve performance and prevent unnecessary re-renders.
- Simplified the computation of selected options by removing the memoization, as it is now computed inline based on field.value.

These changes enhance the efficiency of the CreateTaskSheet component in the task creation process.

---------

Co-authored-by: Mariano Fuentes <marfuen98@gmail.com>

Author: github-actions[bot]

apps/app/src/actions/tasks/create-task-action.ts

@@ -0,0 +1,79 @@
+'use server';
+
+import { authActionClient } from '@/actions/safe-action';
+import { db, Departments, TaskFrequency } from '@db';
+import { revalidatePath } from 'next/cache';
+import { headers } from 'next/headers';
+import { z } from 'zod';
+
+const createTaskSchema = z.object({
+  title: z.string().min(1, {
+    message: 'Title is required',
+  }),
+  description: z.string().min(1, {
+    message: 'Description is required',
+  }),
+  assigneeId: z.string().nullable().optional(),
+  frequency: z.nativeEnum(TaskFrequency).nullable().optional(),
+  department: z.nativeEnum(Departments).nullable().optional(),
+  controlIds: z.array(z.string()).optional(),
+});
+
+export const createTaskAction = authActionClient
+  .inputSchema(createTaskSchema)
+  .metadata({
+    name: 'create-task',
+    track: {
+      event: 'create-task',
+      channel: 'server',
+    },
+  })
+  .action(async ({ parsedInput, ctx }) => {
+    const { title, description, assigneeId, frequency, department, controlIds } = parsedInput;
+    const {
+      session: { activeOrganizationId },
+      user,
+    } = ctx;
+
+    if (!user.id || !activeOrganizationId) {
+      throw new Error('Invalid user input');
+    }
+
+    try {
+      const task = await db.task.create({
+        data: {
+          title,
+          description,
+          assigneeId: assigneeId || null,
+          organizationId: activeOrganizationId,
+          status: 'todo',
+          order: 0,
+          frequency: frequency || null,
+          department: department || null,
+          ...(controlIds &&
+            controlIds.length > 0 && {
+              controls: {
+                connect: controlIds.map((id) => ({ id })),
+              },
+            }),
+        },
+      });
+
+      // Revalidate the path based on the header
+      const headersList = await headers();
+      let path = headersList.get('x-pathname') || headersList.get('referer') || '';
+      path = path.replace(/\/[a-z]{2}\//, '/');
+      revalidatePath(path);
+
+      return {
+        success: true,
+        task,
+      };
+    } catch (error) {
+      console.error('Failed to create task:', error);
+      return {
+        success: false,
+        error: 'Failed to create task',
+      };
+    }
+  });