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.
This commit is contained in:
@@ -1,21 +1,21 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { useParams } from 'react-router-dom';
|
import { useAppSelector } from '@/hooks/useAppSelector';
|
||||||
import TaskListBoard from '@/components/task-management/TaskListBoard';
|
import TaskListBoard from '@/components/task-management/TaskListBoard';
|
||||||
|
|
||||||
const ProjectViewEnhancedTasks: React.FC = () => {
|
const ProjectViewEnhancedTasks: React.FC = () => {
|
||||||
const { id: projectId } = useParams<{ id: string }>();
|
const { project } = useAppSelector(state => state.projectReducer);
|
||||||
|
|
||||||
if (!projectId) {
|
if (!project?.id) {
|
||||||
return (
|
return (
|
||||||
<div className="p-4 text-center text-gray-500">
|
<div className="p-4 text-center text-gray-500">
|
||||||
Project ID not found
|
Project not found
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="project-view-enhanced-tasks">
|
<div className="project-view-enhanced-tasks">
|
||||||
<TaskListBoard projectId={projectId} />
|
<TaskListBoard projectId={project.id} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user