[Home Page] - MyTasks 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 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.

To access the user’s assigned tasks, we need a hook that will make an api call to the endpoint at “users/tasks/:userid” to return all the tasks assigned to a user.

If there are currently no tasked assigned to the member, a display should appear in the page block notifying the user that they are not assigned to any tasks.

Acceptance Criteria

• Create Task Card with all properties mentioned above
• 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
• Create a hook that returns all the tasks assigned to a 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.

You can access the user’s assigned tasks by using the useCurrentUser hook and then using the hook you create to get the current user's tasks.

For the tool tip reference this link and look at the arrow tool tip section (https://mui.com/material-ui/react-tooltip/)
Take a look at the other hooks we have on Finishline and use that as a reference for this one.

Mocks

blocked by #2770