From 8f29ad359bb1fd6eb5282b71f4bd5a6e94519d42 Mon Sep 17 00:00:00 2001
From: badrEladraoui1 <133458892+badrEladraoui1@users.noreply.github.com>
Date: Mon, 19 Feb 2024 15:55:31 +0100
Subject: [PATCH] Update App.jsx (Task Filtering by Selected Project in Project
 Management Interface)

This code snippet addresses an issue where tasks from different projects were being displayed for each project. Now, with the implementation provided, only tasks associated with the selected project are shown. This ensures that the tasks displayed are specific to each project, providing a more accurate and organized representation of project-related tasks.
---
 .../10-finished/src/App.jsx                                 | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/code/09 Practice Project - Project Management/10-finished/src/App.jsx b/code/09 Practice Project - Project Management/10-finished/src/App.jsx
index 3e2513dc4..207b683f3 100644
--- a/code/09 Practice Project - Project Management/10-finished/src/App.jsx	
+++ b/code/09 Practice Project - Project Management/10-finished/src/App.jsx	
@@ -96,13 +96,17 @@ function App() {
     (project) => project.id === projectsState.selectedProjectId
   );
 
+  const selectedTasks = projectsState.tasks.filter(
+    (task) => task.projectId === projectsState.selectedProjectId
+  );
+
   let content = (
     <SelectedProject
       project={selectedProject}
       onDelete={handleDeleteProject}
       onAddTask={handleAddTask}
       onDeleteTask={handleDeleteTask}
-      tasks={projectsState.tasks}
+      tasks={selectedTasks}
     />
   );