Skip to content

Neeraj Add CSV and XLSX export to used Resources table#4703

Open
Neeraj-Kondaveeti wants to merge 6 commits intodevelopmentfrom
Neeraj_Export_Used_Resource_Table
Open

Neeraj Add CSV and XLSX export to used Resources table#4703
Neeraj-Kondaveeti wants to merge 6 commits intodevelopmentfrom
Neeraj_Export_Used_Resource_Table

Conversation

@Neeraj-Kondaveeti
Copy link
Copy Markdown
Contributor

@Neeraj-Kondaveeti Neeraj-Kondaveeti commented Jan 13, 2026

Description

image

Related PRS (if any):

No Related PRs.

Main changes explained:

  • Updated the Used Resources page to add client-side export functionality for table data.
  • Added support for exporting table data in CSV and XLSX formats.
  • Introduced row selection logic to allow exporting either all rows or only selected rows.
  • Ensured exported files preserve visible column order and displayed values.
  • Added minor UI spacing between action buttons to improve visual clarity without changing layout or behavior.
  • Added the required dependency to support XLSX export.

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/ResourceManagement
  6. Verify that the table renders as before with no layout or behavior regressions.
  7. Select one or more rows and click Export CSV or Export XLSX to confirm that only selected rows are exported.
  8. Open the downloaded files and confirm that column headers, order, and values match the table.

Screenshots or videos of changes:

image image

Note:

  • Export is implemented client-side and operates on the currently rendered dataset, which matches the current frontend-only implementation of this page.
  • Server-side export and background processing can be added in the future once this page is backed by paginated API data.
  • No backend changes were made, and existing page structure, logic, and styling were preserved.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 13, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 21d7350
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69deb2b8ae6c400008f29e0e
😎 Deploy Preview https://deploy-preview-4703--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

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
Copy link
Copy Markdown

@one-community one-community added High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible and removed High Priority labels Mar 21, 2026
Copy link
Copy Markdown

@rohanrastogi311 rohanrastogi311 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

HI Neeraj,

Dark mode is not functional.

Image

Copy link
Copy Markdown

@HemanthNidamanuru HemanthNidamanuru left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Neeraj,

I tested this PR locally. The table renders correctly, selected row exports for CSV and XLSX are working fine, and the column headers and values match the table.

However, the page is not dark mode aligned. The styling looks inconsistent when dark mode is enabled.

Image Image

Copy link
Copy Markdown

@Anusha-Gali Anusha-Gali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Neeraj,

I have reviewed your PR locally and would point out the same thing as i did #4903 points to same link that is being accessed by this PR which on merge can cause issues.

Also the buttons can be enhanced in dark mode. The rest of the functionality works as per requirement in light mode however the dark mode is not adapted.

Image Image Image Image Image

@Neeraj-Kondaveeti Neeraj-Kondaveeti force-pushed the Neeraj_Export_Used_Resource_Table branch from 27fba88 to b40acb0 Compare March 25, 2026 05:40
@Neeraj-Kondaveeti Neeraj-Kondaveeti force-pushed the Neeraj_Export_Used_Resource_Table branch from 73592b4 to 5f19a01 Compare April 6, 2026 20:38
Copy link
Copy Markdown

@Anusha-Gali Anusha-Gali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Neeraj,

I have reviewed your PR locally and though all functions work as per requirement except row selection, that options is not visible anymore.

Image Image Image Image

@Neeraj-Kondaveeti Neeraj-Kondaveeti force-pushed the Neeraj_Export_Used_Resource_Table branch from 5f19a01 to f8ea892 Compare April 14, 2026 20:14
@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants