style: apply prettier formatting for feat/tasks/add-tags (#3322)

Author: vhpx

apps/web/src/app/[locale]/(dashboard)/[wsId]/tasks/boards/[boardId]/_components/list-view.tsx

@@ -256,10 +256,13 @@ export function ListView({
       });
 
       // Check if any updates have meaningful changes (more than just the id field)
-      const hasUpdates = updates.some((obj) => 
-        obj.priority !== undefined || obj.archived !== undefined || obj.tags !== undefined
+      const hasUpdates = updates.some(
+        (obj) =>
+          obj.priority !== undefined ||
+          obj.archived !== undefined ||
+          obj.tags !== undefined
       );
-      
+
       if (hasUpdates) {
         // Only call RPC if at least one field is being updated
         const { error } = await supabase.rpc('update_many_tasks', { updates });
@@ -884,10 +887,7 @@ export function ListView({
         </div>
         <div className="space-y-3">
           {SKELETON_KEYS.map((key: string) => (
-            <Skeleton
-              key={`loading-skeleton-${key}`}
-              className="h-16 w-full"
-            />
+            <Skeleton key={`loading-skeleton-${key}`} className="h-16 w-full" />
           ))}
         </div>
       </div>

apps/web/src/app/[locale]/(dashboard)/[wsId]/tasks/boards/[boardId]/kanban.tsx

@@ -140,10 +140,12 @@ export function KanbanBoard({ boardId, tasks, isLoading }: Props) {
       const task = active.data.current.task;
       setActiveTask(task);
       pickedUpTaskColumn.current = String(task.list_id);
-      
+
       // Use more specific selector for better reliability
       // Prefer data-id selector over generic querySelector
-      const cardNode = document.querySelector(`[data-id="${task.id}"]`) as HTMLElement;
+      const cardNode = document.querySelector(
+        `[data-id="${task.id}"]`
+      ) as HTMLElement;
       if (cardNode) {
         const cardRect = cardNode.getBoundingClientRect();
         dragStartCardLeft.current = cardRect.left;

apps/web/src/app/[locale]/(dashboard)/[wsId]/tasks/boards/[boardId]/task-list.tsx

@@ -3,6 +3,7 @@ import { ListActions } from './list-actions';
 import { statusIcons } from './status-section';
 import { TaskCard } from './task';
 import { TaskForm } from './task-form';
+import { DEV_MODE } from '@/constants/common';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { useQuery } from '@tanstack/react-query';
@@ -41,7 +42,6 @@ import Image from 'next/image';
 import { useParams } from 'next/navigation';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import React from 'react';
-import { DEV_MODE } from '@/constants/common';
 
 interface Props {
   column: TaskList;
@@ -62,7 +62,10 @@ type SortOption =
   | 'priority_desc';
 type SortDirection = 'asc' | 'desc';
 
-type WorkspaceMember = Pick<WorkspaceUser, 'id' | 'display_name' | 'email' | 'avatar_url'>;
+type WorkspaceMember = Pick<
+  WorkspaceUser,
+  'id' | 'display_name' | 'email' | 'avatar_url'
+>;
 
 interface TaskListFilters {
   search: string;
@@ -795,8 +798,13 @@ export const BoardColumn = React.memo(function BoardColumn({
                                   <CommandItem
                                     key={member.id}
                                     onSelect={() => {
-                                      const newAssignees = new Set(filters.assignees);
-                                      if (filters.assignees.has('all') || filters.assignees.has('unassigned')) {
+                                      const newAssignees = new Set(
+                                        filters.assignees
+                                      );
+                                      if (
+                                        filters.assignees.has('all') ||
+                                        filters.assignees.has('unassigned')
+                                      ) {
                                         // If 'all' or 'unassigned' is selected, clear them to avoid conflicts
                                         newAssignees.delete('all');
                                         newAssignees.delete('unassigned');

apps/web/src/app/[locale]/(dashboard)/[wsId]/tasks/boards/enhanced-boards-view.tsx

@@ -56,8 +56,8 @@ import {
   SelectValue,
 } from '@tuturuuu/ui/select';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@tuturuuu/ui/tabs';
-import { useCallback, useMemo, useState } from 'react';
 import { useRouter } from 'next/navigation';
+import { useCallback, useMemo, useState } from 'react';
 
 interface AnalyticsFilters {
   timeView: 'week' | 'month' | 'year';
@@ -336,7 +336,7 @@ export function EnhancedBoardsView({ data, count }: EnhancedBoardsViewProps) {
     // Should navigate to the specific task's board view or open task details modal
     // For now, log the task for debugging purposes
     console.log('Task clicked:', task);
-    
+
     // TODO: Add navigation logic here:
     // - Navigate to the task's board: router.push(`/tasks/boards/${task.board_id}?task=${task.id}`)
     // - Or open a task details modal
@@ -348,7 +348,7 @@ export function EnhancedBoardsView({ data, count }: EnhancedBoardsViewProps) {
     // Should invalidate and refetch task data instead of page reload
     // For now, use page reload as fallback
     window.location.reload();
-    
+
     // TODO: Replace with proper data refresh:
     // - Invalidate React Query cache
     // - Refetch task data
@@ -360,7 +360,7 @@ export function EnhancedBoardsView({ data, count }: EnhancedBoardsViewProps) {
     // Should toggle advanced filter panel or filter dropdown
     // For now, just log the action
     console.log('Table filter triggered');
-    
+
     // TODO: Add filter logic here:
     // - Toggle filter panel visibility
     // - Show/hide advanced filter options
@@ -372,7 +372,7 @@ export function EnhancedBoardsView({ data, count }: EnhancedBoardsViewProps) {
     // Should cycle through sort options or toggle sort direction
     // For now, just log the action
     console.log('Table sort triggered');
-    
+
     // TODO: Add sort logic here:
     // - Cycle through available sort fields
     // - Toggle sort direction (asc/desc)
@@ -384,7 +384,7 @@ export function EnhancedBoardsView({ data, count }: EnhancedBoardsViewProps) {
     // Should toggle column visibility settings panel
     // For now, just log the action
     console.log('Table settings triggered');
-    
+
     // TODO: Add settings logic here:
     // - Toggle column visibility panel
     // - Show/hide table customization options