fix filter

app/components/ui/ProjectSelector.tsx

@@ -35,12 +35,14 @@ export function ProjectSelector({
   className,
   multiple = false,
   teamId,
+  teamIds,
 }: { 
   value?: string | string[];
   onChange?: (projectId: string | string[]) => void;
   className?: string;
   multiple?: boolean;
   teamId?: string; // Optional team ID to filter projects by team
+  teamIds?: string[]; // Optional array of team IDs to filter projects by multiple teams
 }) {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -49,6 +51,16 @@ export function ProjectSelector({
   const [isOpen, setIsOpen] = useState(false);
   const selectorRef = useRef<HTMLDivElement>(null);
 
+  // Normalize team IDs to ensure we're always working with an array
+  const effectiveTeamIds = React.useMemo(() => {
+    if (teamIds && teamIds.length > 0) {
+      return teamIds;
+    } else if (teamId) {
+      return [teamId];
+    }
+    return undefined;
+  }, [teamId, teamIds]);
+
   // Initialize selected projects based on value prop
   useEffect(() => {
     if (value) {
@@ -90,38 +102,59 @@ export function ProjectSelector({
       try {
         const supabase = getSupabaseClient();
         
-        let projectsQuery;
-        
-        if (teamId) {
-          // 如果提供了teamId，获取该团队的项目
-          projectsQuery = supabase
+        if (effectiveTeamIds && effectiveTeamIds.length > 0) {
+          // If team IDs are provided, get projects for those teams
+          const { data: projectsData, error: projectsError } = await supabase
             .from('team_projects')
             .select('project_id, projects:project_id(*), teams:team_id(name)')
-            .eq('team_id', teamId)
+            .in('team_id', effectiveTeamIds)
             .is('projects.deleted_at', null);
+
+          if (projectsError) throw projectsError;
+
+          if (!projectsData || projectsData.length === 0) {
+            if (isMounted) setProjects([]);
+            return;
+          }
+
+          // Extract projects from response with team info
+          if (isMounted) {
+            const projectList: Project[] = [];
+            
+            for (const item of projectsData as ProjectWithTeam[]) {
+              if (item.projects && typeof item.projects === 'object' && 'id' in item.projects && 'name' in item.projects) {
+                const project = item.projects as Project;
+                if (item.teams && 'name' in item.teams) {
+                  project.team_name = item.teams.name;
+                }
+                // Avoid duplicate projects from different teams
+                if (!projectList.some(p => p.id === project.id)) {
+                  projectList.push(project);
+                }
+              }
+            }
+            
+            setProjects(projectList);
+          }
         } else {
-          // 否则，获取用户所属的所有项目及其所属团队
-          projectsQuery = supabase
+          // If no team IDs, get all user's projects
+          const { data: projectsData, error: projectsError } = await supabase
             .from('user_projects')
             .select('project_id, projects:project_id(*)')
             .eq('user_id', userId)
             .is('projects.deleted_at', null);
-        }
 
-        const { data: projectsData, error: projectsError } = await projectsQuery;
+          if (projectsError) throw projectsError;
 
-        if (projectsError) throw projectsError;
+          if (!projectsData || projectsData.length === 0) {
+            if (isMounted) setProjects([]);
+            return;
+          }
 
-        if (!projectsData || projectsData.length === 0) {
-          if (isMounted) setProjects([]);
-          return;
-        }
-
-        // 如果没有提供teamId，需要单独获取每个项目对应的团队信息
-        if (!teamId && projectsData.length > 0) {
+          // Fetch team info for these projects
           const projectIds = projectsData.map(item => item.project_id);
           
-          // 获取项目所属的团队信息
+          // Get team info for each project
           const { data: teamProjectsData, error: teamProjectsError } = await supabase
             .from('team_projects')
             .select('project_id, teams:team_id(name)')
@@ -129,7 +162,7 @@ export function ProjectSelector({
             
           if (teamProjectsError) throw teamProjectsError;
           
-          // 创建项目ID到团队名称的映射
+          // Create project ID to team name mapping
           const projectTeamMap: Record<string, string> = {};
           if (teamProjectsData) {
             teamProjectsData.forEach(item => {
@@ -139,7 +172,7 @@ export function ProjectSelector({
             });
           }
           
-          // 提取项目数据，并添加团队名称
+          // Extract projects with team names
           if (isMounted && projectsData) {
             const projectList: Project[] = [];
             
@@ -151,23 +184,6 @@ export function ProjectSelector({
               }
             }
             
-            setProjects(projectList);
-          }
-        } else {
-          // 如果提供了teamId，直接从查询结果中提取项目和团队信息
-          if (isMounted && projectsData) {
-            const projectList: Project[] = [];
-            
-            for (const item of projectsData as ProjectWithTeam[]) {
-              if (item.projects && typeof item.projects === 'object' && 'id' in item.projects && 'name' in item.projects) {
-                const project = item.projects as Project;
-                if (item.teams && 'name' in item.teams) {
-                  project.team_name = item.teams.name;
-                }
-                projectList.push(project);
-              }
-            }
-            
             setProjects(projectList);
           }
         }
@@ -203,7 +219,7 @@ export function ProjectSelector({
       isMounted = false;
       subscription.unsubscribe();
     };
-  }, [teamId]);
+  }, [effectiveTeamIds]);
 
   const handleToggle = () => {
     if (!loading && !error && projects.length > 0) {