Vivek - Feature: Tracking Resolved Tasks

[vivekchandrabs]

PR Summary

This PR implements the Resolved and Closed Tasks tracking feature. It introduces a new dashboard page that provides a historical view of tasks marked as Complete, Resolved, or Closed. The feature enhances traceability by displaying not only task details but also the assigned resources and the individual who resolved the task, including their email addresses.

Related PRs

• This frontend PR is related to a backend 2031

---

Main Changes

• Update ui.js

  • Added the TASKS translation key to support the new navigation link.

• Update Header.jsx

  • Added the Tasks link to the Other Links dropdown menu.

• Update URL.js

  • Added the RESOLVED_TASKS endpoint to the central URL utility.

• Create ResolvedTasks.jsx

  • Implemented a new table-based page to display task completion history.
  • Displays names and email addresses for both assigned resources and resolvers.
  • Fully supports light and dark mode themes.

• Update routes.jsx

  • Registered the /resolvedtasks route as a ProtectedRoute.
  • Fixed a minor indentation-related lint error.

---

How to Test

1. Check out the current branch.
2. Run npm install to ensure all updated dependencies are installed.
3. Clear site data/cache to ensure new header links and translations appear.
4. Log in as an admin user.
5. Click on any task that is assigned and change the status to Complete. (Watch the video if you don't understand)
6. Hover over Other Links in the header and click the new Tasks item.

---

Verification Checklist

Functionality

• The Resolved and Closed Tasks page loads successfully.
• The table displays the following columns:
  • Task Number
  • Task Name (clickable)
  • Assigned Resources (Name & Email)
  • Resolved/Closed By (Name & Email)
  • Date
• Clicking a Task Name correctly navigates to the corresponding WBS task details page.

Styling

• Switch between light and dark themes to confirm the page renders correctly in both modes.

Screenshots or videos of changes:

video2638297764.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	cbd1244
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69851f228e1b20000879c5cf
😎 Deploy Preview	https://deploy-preview-4797--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Anusha-Gali]

Hi Vivek,

I have reviewed your PR locally and it works as per the requirements mentioned.

[maithili20]

HI @vivekchandrabs
When I click on Tasks item, I get 404 error. I tried debugging but no luck.

[vivekchandrabs]

@maithili20 Can you please checkout to the proper backend branch?

The backend branch is VivekChandra-Implementing-ResolvedTask-Tracking

HI @vivekchandrabs When I click on Tasks item, I get 404 error. I tried debugging but no luck.

[maithili20]

@maithili20 Can you please checkout to the proper backend branch?

The backend branch is VivekChandra-Implementing-ResolvedTask-Tracking

HI @vivekchandrabs When I click on Tasks item, I get 404 error. I tried debugging but no luck.

I have used the correct branches pfa screenshot, we can take it over slack

[vivekchandrabs]

Can you please make sure the commands that you are running in order to start the server are the following:

Frontend: npm run start:local
Backend: npm run dev

Please make sure that you have pulled all the changes from both the branches and run the server.

If all the above does not work I am not sure about the error.

@maithili20 Can you please checkout to the proper backend branch?
The backend branch is VivekChandra-Implementing-ResolvedTask-Tracking

HI @vivekchandrabs When I click on Tasks item, I get 404 error. I tried debugging but no luck.

I have used the correct branches pfa screenshot, we can take it over slack