refactor: use owner email from tasks response

Author: arpitgupta1214

components/TasksPage/TasksList.tsx

@@ -1,14 +1,8 @@
-import { Tables } from "@/types/database.types";
 import { Task } from "@/lib/tasks/getTasks";
 import TaskCard from "@/components/VercelChat/tools/tasks/TaskCard";
 import TaskSkeleton from "./TaskSkeleton";
 import TaskDetailsDialog from "@/components/VercelChat/dialogs/tasks/TaskDetailsDialog";
-import { useArtistProvider } from "@/providers/ArtistProvider";
 import { useUserProvider } from "@/providers/UserProvder";
-import { useMemo } from "react";
-import { useQuery } from "@tanstack/react-query";
-
-type AccountEmail = Tables<"account_emails">;
 
 interface TasksListProps {
   tasks: Task[];
@@ -18,42 +12,6 @@ interface TasksListProps {
 
 const TasksList: React.FC<TasksListProps> = ({ tasks, isLoading, isError }) => {
   const { userData } = useUserProvider();
-  const { selectedArtist } = useArtistProvider();
-
-  // Extract unique account IDs from tasks
-  const accountIds = useMemo(
-    () => [...new Set(tasks.map(task => task.account_id))],
-    [tasks]
-  );
-
-  // Batch fetch emails for all task owners
-  const { data: accountEmails = [] } = useQuery<AccountEmail[]>({
-    queryKey: ["task-owner-emails", accountIds],
-    queryFn: async () => {
-      if (accountIds.length === 0 || !userData) return [];
-      const params = new URLSearchParams();
-      accountIds.forEach(id => params.append("accountIds", id));
-      params.append("currentAccountId", userData.id);
-      if (selectedArtist) {
-        params.append("artistAccountId", selectedArtist.account_id);
-      }
-      const response = await fetch(`/api/account-emails?${params}`);
-      if (!response.ok) throw new Error("Failed to fetch emails");
-      return response.json();
-    },
-    enabled: accountIds.length > 0 && !!userData,
-  });
-
-  // Create lookup map for O(1) email access
-  const emailByAccountId = useMemo(() => {
-    const map = new Map<string, string>();
-    accountEmails.forEach(ae => {
-      if (ae.account_id && ae.email) {
-        map.set(ae.account_id, ae.email);
-      }
-    });
-    return map;
-  }, [accountEmails]);
 
   if (isError) {
     return <div className="text-sm text-red-600 dark:text-red-400">Failed to load tasks</div>;
@@ -90,7 +48,7 @@ const TasksList: React.FC<TasksListProps> = ({ tasks, isLoading, isError }) => {
           >
             <TaskCard 
               task={task} 
-              ownerEmail={emailByAccountId.get(task.account_id)}
+              ownerEmail={task.owner_email ?? undefined}
             />
           </div>
         </TaskDetailsDialog>

lib/tasks/getTasks.ts

@@ -7,6 +7,7 @@ type ScheduledAction = Tables<"scheduled_actions">;
 export type Task = ScheduledAction & {
   recent_runs?: TaskRunItem[];
   upcoming?: string[];
+  owner_email?: string | null;
 };
 
 export interface GetTasksParams {