Neeraj Add Export And Download Functionality To Resource Usage Monitoring

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the development Backend branch.
…

Main changes explained:

• Updated the Resource Usage Monitoring page to add client-side export functionality for resource usage data.
• Added support for exporting table data in CSV and Excel formats.
• Ensured exported data reflects the currently rendered table view and includes only visible columns, excluding action buttons.
• Added a lightweight loading and disabled state to export buttons to prevent repeated actions during export.
• Declared the required dependency for Excel export and updated lockfiles accordingly.
• Preserved the existing page structure, layout, and logic without refactoring or redesign.

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/resourcesusage
6. Verify that the page renders as before with no visual or functional regressions.
7. Click Export CSV and Export Excel and confirm files are downloaded successfully.
8. Open the downloaded files and verify that column headers, order, and values match the table.
9. Toggle dark mode and confirm the export buttons remain usable and the page styling remains consistent.

Screenshots or videos of changes:

Note:

• Export is implemented client-side and operates on the currently rendered dataset, as this page is currently frontend-only with static data.
• Backend-driven export, permission validation, and background processing can be added in the future once this page is backed by API data.
• No backend code was modified as part of this change.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	cec66e8
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/696a9b5b7095230008e98352
😎 Deploy Preview	https://deploy-preview-4721--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
0 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