Sai preetham porject archive unarchive

[preethamdnr]

Description

Related PRS (if any):

This frontend PR is related to the #1131 backend PR.
…

Main changes explained:

• Updated Project.jsx with archive and Unarchive button based on isArchive status
• Updated Projects.jsx to fetch project details based on archive /unarchive status for users
• Updated the actions in Project.js to make api call for unarchived projects.
  …

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/owner user who has permission to see projects and archive/unarchive
5. go to dashboard->Otherlinks->Projects
6. Confirm Show Archived Button: First, check if the "Show Archived" button is visible on the page. If the button is visible, click on it. After clicking the "Show Archived" button, confirm whether you can see all archived projects listed on the screen.
7. Toggle Between Archived and Unarchived Projects: After clicking the "Show Archived" button, confirm that the button label changes to "Hide Archived." Click the "Hide Archived" button and verify that it returns you to the unarchived projects list.
8. Archiving a Project: Select any project from the unarchived projects list and archive it. After archiving the project, click on the "Show Archived" button and confirm that the newly archived project appears in the archived projects list.
9. Unarchiving a Project: From the archived projects list, select the same project you archived in the previous step and unarchive it. Verify that after unarchiving, the project is now listed among the unarchived projects.

Screenshots or videos of changes:

video1690596935.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	1668197
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/6748eab6d296f000080f9616
😎 Deploy Preview	https://deploy-preview-2778--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 site configuration.

[shivansh-nathani]

I have reviewed the changes and have a few suggestions on the UI part

1. The text search and actual search box have different heights, maybe we can add consistent heights here
2. The term 'Hide archived' could be replaced with something better.
3. Have consistent case for 'Archive' and 'UNARCHIVE'

[chu-ziyu]

I tested this PR in both dark and light mode, everything goes well.

[ShreyaLaheri]

Faced an error while fetching the archived projects

[anirudhsk2107]

I am getting an error when i click on show archived

Also, if i select and archive a project and then click on show archive then it shows the project i archived but still gives the same error.
But if i click on "Hide Archived" and then "Show Archived" again then the archived project disappears and just the error appears

[aaryaneil]

Tested the PR and the changes work as described. The archive button changes to hide archive when clicked and the archived project list loads properly. Also when a project is archived it shows up in the archived list a vice versa.

[samarth9201]

Verified and Validated the changes, everything is working as expected.

[AshishNags]

Approving this PR, changes working as expected.

[hqzhu0913]

Review FE and BE. Both work as explained. Function well in light and black mode. Both show and hide, archive and unarchive functions work as expected.

[ajitp4292]

Tested the PR functionality locally by clearing site data and logging in as an admin user. Verified that the "Show Archived" and "Hide Archived" buttons toggle correctly, displaying the appropriate project lists. Successfully archived and unarchived projects, ensuring they appeared in the correct lists, confirming the feature works as expected.

[CodewithKoushica]

I noticed an issue with the UI: when clicking view archived button, it puts up an error.

[preethamdnr]

I am getting an error when i click on show archived

Also, if i select and archive a project and then click on show archive then it shows the project i archived but still gives the same error. But if i click on "Hide Archived" and then "Show Archived" again then the archived project disappears and just the error appears

Hi,

Thank you for taking the time to review my PR. I noticed that the issue mentioned in the attached images occurs because the related backend PR (#1131) has not been checked in.

To ensure everything works as expected, please checkin to the branch in the PR (#1131) in you backend first, and then run this frontend PR(#2778). The two are interconnected, and this frontend PR depends on the changes made in the backend.

Thank you for your understanding and support. Let me know if you need any further clarification.

Best regards,
Sai Preetham

[preethamdnr]

I am getting an error when i click on show archived

Also, if i select and archive a project and then click on show archive then it shows the project i archived but still gives the same error. But if i click on "Hide Archived" and then "Show Archived" again then the archived project disappears and just the error appears

Hi,

Thank you for taking the time to review my PR. I noticed that the issue mentioned in the attached images occurs because the related backend PR (#1131) has not been checked in.

To ensure everything works as expected, please checkin to the branch in the PR (#1131) in you backend first, and then run this frontend PR(#2778). The two are interconnected, and this frontend PR depends on the changes made in the backend.

Thank you for your understanding and support. Let me know if you need any further clarification.

Best regards,
Sai Preetham