[Home Page] - My Tasks Section

[caiodasilva2005]

Description

We want members to have a display of all the tasks assigned to them so they have a good idea of what they have to work on.
We need a hook to make an api call to the getCurrentUserTasks endpoint in the backend that returns the current user’s assigned tasks.

We need a task card that includes the task number, the project number and name the task is under, task notes, due date, priority, and a label to indicate when the task is overdue. If the task is overdue, the task card should be outlined in red and a pop up should appear on hover.

We need a page block titled 'My Tasks' along with the number of tasks assigned to the current user. Call the hook useCurrentUserTasks to get all of the tasks assigned to a current user.
If there are currently no tasks assigned to the member, a display should appear in the page block notifying the user that they are not assigned to any tasks.

blocked by #2770

Acceptance Criteria

• Create Task Card with all properties mentioned above
• Create hook to return the current user’s assigned tasks
• Create page block with title and a list of tasks assigned to the current user
• Create display in page block when there are no tasks assigned to the current user

Proposed Solution

Create a new component in the Member Home Page for the TaskInfoCard. Take a look at how the WorkPackageCard is structured, as the task card will have a similar structure. Additionally, create a new component that uses the page block component to display the task info card you created to display the user's tasks.

Take a look at some of the other hooks that we have on Finishline, particularly in the organization hooks, which you can use as reference for this hook.

For the tool tip reference this link and look at the arrow tool tip section (https://mui.com/material-ui/react-tooltip/)

Mocks