From d0310ded283d01bb4b21dc57aa7987710f59be8b Mon Sep 17 00:00:00 2001
From: chamikaJ <chamika@ceydigital.com>
Date: Wed, 18 Jun 2025 17:10:14 +0530
Subject: [PATCH] refactor(project-view-enhanced-tasks): update project ID
 handling and improve error messaging

- Replaced use of `useParams` with `useAppSelector` to retrieve project information from the Redux store.
- Updated error message from "Project ID not found" to "Project not found" for better clarity.
- Adjusted the way the project ID is passed to the `TaskListBoard` component.
---
 .../enhancedTasks/project-view-enhanced-tasks.tsx      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/worklenz-frontend/src/pages/projects/projectView/enhancedTasks/project-view-enhanced-tasks.tsx b/worklenz-frontend/src/pages/projects/projectView/enhancedTasks/project-view-enhanced-tasks.tsx
index 8639fc7d..c6829889 100644
--- a/worklenz-frontend/src/pages/projects/projectView/enhancedTasks/project-view-enhanced-tasks.tsx
+++ b/worklenz-frontend/src/pages/projects/projectView/enhancedTasks/project-view-enhanced-tasks.tsx
@@ -1,21 +1,21 @@
 import React from 'react';
-import { useParams } from 'react-router-dom';
+import { useAppSelector } from '@/hooks/useAppSelector';
 import TaskListBoard from '@/components/task-management/TaskListBoard';
 
 const ProjectViewEnhancedTasks: React.FC = () => {
-  const { id: projectId } = useParams<{ id: string }>();
+  const { project } = useAppSelector(state => state.projectReducer);
 
-  if (!projectId) {
+  if (!project?.id) {
     return (
       <div className="p-4 text-center text-gray-500">
-        Project ID not found
+        Project not found
       </div>
     );
   }
 
   return (
     <div className="project-view-enhanced-tasks">
-      <TaskListBoard projectId={projectId} />
+      <TaskListBoard projectId={project.id} />
     </div>
   );
 };