Filteration using status in Services and Infra.

src/components/ServiceProject/ServiceProjectTeam/ServiceProjectCard.jsx

@@ -68,7 +68,6 @@ const ServiceProjectCard = ({ project, isCore = true }) => {
         DeleteProject(projectId, false);
     };
 
-    console.log("Kartik", project)
     return (
         <>
             <ConfirmModal

src/pages/ServiceProject/ServiceProjectDisplay.jsx

@@ -12,7 +12,7 @@ import ManageServiceProject from "../../components/ServiceProject/ManageServiceP
 import { SpinnerLoader } from "../../components/common/Loader";
 import ServiceProjectCard from "../../components/ServiceProject/ServiceProjectTeam/ServiceProjectCard";
 
-const ServiceProjectDisplay = ({ listView }) => {
+const ServiceProjectDisplay = ({ listView ,selectedStatuses }) => {
   const [currentPage, setCurrentPage] = useState(1);
 
   const { manageServiceProject, setManageServiceProject } = useProjectContext();
@@ -26,6 +26,9 @@ const ServiceProjectDisplay = ({ listView }) => {
     }
   };
 
+  const filteredProjects = data?.data?.filter(project =>
+    selectedStatuses.includes(project?.status?.id)
+  );
 
   if (isLoading)
     return (
@@ -48,9 +51,10 @@ const ServiceProjectDisplay = ({ listView }) => {
       {listView ? (
         <p>List</p>
       ) : (
-        data?.data?.map((project) => (
+        filteredProjects?.map((project) => (
           <ServiceProjectCard project={project} isCore={false} />
         ))
+
       )}
 
       <div className="col-12 d-flex justify-content-start mt-3">

src/pages/project/ProjectPage.jsx

@@ -190,19 +190,16 @@ const ProjectPage = () => {
                     New Project
                   </button>
                 )}
-
-
               </div>
             </div>
-
-
           </div>
         </div>
 
         {coreProjects ? <ProjectsDisplay listView={listView}
           searchTerm={searchTerm}
           selectedStatuses={selectedStatuses}
-          handleStatusChange={handleStatusChange} /> : <ServiceProjectDisplay />}
+          handleStatusChange={handleStatusChange} /> : <ServiceProjectDisplay listView={listView}
+            selectedStatuses={selectedStatuses} />}
       </div>
     </ProjectContext.Provider>
   );