Neeraj_Fix_Resource_Management_Dashboard

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the Development backend and is a continuation on #3611
…

Main changes explained:

• Refactored ResourceManagement.jsx to include:
  • Redux-based dark mode styling using global theme selector.
  • A new Add New Log modal form with controlled inputs (user, timeDuration, facilities, materials, date).
  • A toast notification confirming log creation for better UX feedbacK
• Updated ResourceManagement.module.css to add dark mode color palette and Improved visual hierarchy and readability for headers and table items.

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. Navigate to: http://localhost:5173/communityportal/activity/:activityid/resources
6. Verify that Add New Log button works (opens a box) and also verify that dark mode toggle button works.

Screenshots or videos of changes:

Note:

• The “Add New Log” button is not connected to the backend.
  It is implemented as a frontend placeholder to demonstrate the expected modal functionality and user interaction.
• The purpose of this task is to make the button functional (reactive and interactive), not to persist data.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	0c11cc1
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/690ab8466cc9e90008c29dcb
😎 Deploy Preview	https://deploy-preview-4331--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
11 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