Meenashi application page category by jeyanthi-sm · Pull Request #4014 · OneCommunityGlobal/HighestGoodNetworkApp

jeyanthi-sm · 2025-09-04T21:46:31Z

Description

Main Changes

Updated the Collaboration page with the following features:
- Search Term with Go button
- Dropdown Category
- Dropdown Position (new)
- Show Summaries toggle button to switch between Tiles view and Summaries view

How to Test

Setup
- Switch to the current branch
- - Make sure the backend PR [HGNREST 1701(https://github.com/Meenashi application page category HGNRest#1701)] steps are followed before testing this PR
- Delete node_modules:
- rm -rf node_modules
- Run:
```
npm install
npm run start:local
```
- Clear site data/cache in your browser
- Note: If the backend is not running, the page will display:
  - "Error fetching jobs"
  - "Error fetching positions"
  - "Error fetching categories"
  - And it will show a Loading indicator
Login
- Log in as an admin user
Navigate
- Go to /collaboration
Verify Page Elements
- Search Title with Go button is displayed
- Dropdown Category list is displayed
- Dropdown Position list is displayed
- Show Summaries toggle button is visible
Test Search and Filters
- Type a search term and click Go
  - Results are displayed in Tiles format
  - Shows 10 job ads per page
  - You can delete the typed search term and results update accordingly
- Select an item from Category dropdown
  - Results refresh immediately based on selected category
  - A delete button is available to remove the filter
- Select an item from Position dropdown
  - Results refresh immediately based on selected position
  - A delete button is available to remove the filter
- Click on the image icon of a job
  - Redirects to the jobDetailsLink
- If no matching results are found (for search term, category, or position), a message is displayed: “No jobAds found” or “No Summaries found”
Test Show Summaries
- Toggle Show Summaries
  - Results are displayed in one page (Summaries view)
Additional Checks
- Verify the page in Dark Mode and Light Mode
- Ensure the page is responsive on different screen sizes

Related PRS (if any):

This frontend PR is related to the OneCommunityGlobal/HGNRest#1701 backend PR.

Screenshots or videos of changes:

Application.Page.Category.04Sep.mp4

Note:

If the backend is not up, the page will display:
- "Error fetching jobs"
- "Error fetching positions"
- "Error fetching categories"
- Loading indicators may appear until the backend is available
If you encounter any issues, make sure the backend PR steps are followed and MongoDB is connected (if applicable).
For debugging, attach screenshots or a short video to demonstrate the issue.
At the moment, all positions are displayed and are not filtered by category, even when a category is selected. This behavior is intentional for now and will be refined in future releases.

netlify · 2025-09-04T21:46:36Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	`e646f32`
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/68d395fdd0be7700084e320e
😎 Deploy Preview	https://deploy-preview-4014--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.

akshith312

Tested the PR locally. Filters and search bar work as expected. Page is responsive to different layouts.

SreePujitha01

Tested the collaboration page – search, filters, summaries toggle, dark/light mode, and responsiveness. Everything is working fine as expected.

somramnani · 2025-09-11T19:09:21Z

I tested the collaboration page and everything works as expected.

The search, filters, and the "Show Summaries" toggle all function correctly. Navigation and redirects behave as described, and both Dark/Light mode and responsive layouts look good.

RitzzzZ2021

Thank you for the detailed testing guide. The search button and category filter work as expected in both light and dark modes. Clicking a job correctly redirects to its corresponding link.

Suggestions:

When navigating to /collaboration or refreshing the page, an error appears for fetching positions. I tested the backend PR #1701 and it works fine. Could you look into this?

When displaying summaries, the title is misaligned in light mode but aligns correctly in dark mode. Applying consistent alignment styles across both modes should resolve the issue.

There’s no data in the positions filter, so I wasn’t able to test it. Could you provide some data for testing?

jeyanthi-sm · 2025-09-13T05:13:03Z

@RitzzzZ2021 - Thanks for your comments! I’ve fixed the alignment of Summaries. However, I couldn’t reproduce the empty list in Select from positions. Could you please retry on your side and let me know the status?

khan-zoha

Reviewed PR 4014. I followed the instructions and connected to correct backend as well. All features are working as expected. However, despite connecting to the backend, I got "Error fetching positions" and no postion were displayed in the dropdown menu.

Previously, the component returned two separate JSX blocks. Now, it returns a single block with a conditional to handle both cases.

- Add position dropdown - Update getJobs and getSummaries API to include position input - Fix dark mode display

- Updated button label to toggle between `showSummaries` and `hideSummaries` - Applied filter chips heading only after clicking "Go" (not while typing) - Refactored content into `renderContent` function for cleaner rendering - Fixed alignment and spacing issues - Removed unnecessary `showTooltip` logic - Changed jobAdsPerPage from 20 → 10 for clearer visibility

…n, and filter chips

…applied

jeyanthi-sm · 2025-09-15T16:43:57Z

@RitzzzZ2021, @khan-zoha - Thank you for your comments. The issue occurred due to a problem during the merge with the development branch, which caused the Position list to be empty. I’ve fixed it now — could you please retest and share your feedback?

MeronTeweldebrhan

PR Review Feedback

Testing Outcome

✅ Search bar is filtering data as expected.
✅ Dark mode toggle is working correctly.
✅ Categories filter is functioning as expected.
✅ Pagination is working, along with the show/hide summaries toggle.
✅ Click on the image icon of a job
✅ Responsive on different screen sizes

⚠️ Select from position filter is not fetching data as expected, despite the backend being connected and successfully fetching positions in Postman #PR OneCommunityGlobal/HGNRest#1701.

Requested Change

Please review and fix the Select from position filter

jeyanthi-sm · 2025-09-17T14:11:37Z

@RitzzzZ2021 @khan-zoha @MeronTeweldebrhan Please try the following steps to ensure dependencies are in sync with the updated lockfile:
Delete your node_modules folder.
Run a fresh install:
npm install.
Start the app and check if the Position dropdown is now listed.
Let me know your results — thanks!

ChiragBellara · 2025-09-17T19:28:48Z

Reviewed PR #4014

Collaboration page loads successfully.

Summaries load successfully.

Search by title works as expected.

Page loads successfully in dark mode however, the dark mode is not applied to the entire screen. Hence, I can see white space on the screen.

Page loads successfully in mobile resolution but the dark mode issue continues on this screen as well.

Got a popup with the message "Error fetching positions" however, the backend is working fine and the positions are loading as expected. I got this popup every time I refreshed the screen.

…obal/HighestGoodNetworkApp into meenashi-application-page-category

Aditya-gam

Logged in as admin user and navigated to /collaboration.
All the page elements are displayed correctly.
Search using title correctly displays results and limits the number of ads to 10.
Category and Position drop-downs work as intended and correctly add filters and display results accordingly.
The show summaries button toggles summaries and shows all summaries on one page.
The page is responsive for small screens
Dark mode works correctly. One issue is that the search panel changes size, and the 'Show Summaries' button wraps to the next line.

TestVideo.mov

…t Collaboration

…obal/HighestGoodNetworkApp into meenashi-application-page-category

one-community · 2025-09-26T00:19:31Z

Thank you all, merging!

one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Sep 7, 2025

akshith312 approved these changes Sep 9, 2025

View reviewed changes

SreePujitha01 previously approved these changes Sep 10, 2025

View reviewed changes

somramnani approved these changes Sep 11, 2025

View reviewed changes

RitzzzZ2021 suggested changes Sep 12, 2025

View reviewed changes

khan-zoha suggested changes Sep 13, 2025

View reviewed changes

jeyanthi-sm added 12 commits September 15, 2025 12:24

fix: merge two returns into one with conditional JSX

f555f7c

Previously, the component returned two separate JSX blocks. Now, it returns a single block with a conditional to handle both cases.

fix: equalize tile image size and merge two returns into one

036b5f9

fix: add fetchSummaries and hideSummaries, update .css to .module.css

0381edc

fix: add missing file from previous commit

781e52d

fix: update FetchPositions and position dropdown

5f4c1e4

- Add position dropdown - Update getJobs and getSummaries API to include position input - Fix dark mode display

fix: adjust filter chip spacing and reset button styles

8e37c86

fix: correct imageUrl loading and show delete icon in dark mode

d2e33b8

chore: remove log messages and fix mobile display for search, dropdow…

79c80d5

…n, and filter chips

fix: show total jobs listed on summaries page

78d2c6b

fix: summaries alignment issue from PR review

d0e08ae

fix: ensure Collaboration page loads correctly and default export is …

c71e237

…applied

jeyanthi-sm force-pushed the meenashi-application-page-category branch from 5db252b to c71e237 Compare September 15, 2025 16:01

chore: update lockfiles

c91647e

MeronTeweldebrhan suggested changes Sep 17, 2025

View reviewed changes

chore:Merge branch 'development' of https://github.com/OneCommunityGl…

78b4ad9

…obal/HighestGoodNetworkApp into meenashi-application-page-category

Aditya-gam requested changes Sep 19, 2025

View reviewed changes

fix: move SuggestedJobsList to a separate route instead of pointing a…

1c52658

…t Collaboration

jeyanthi-sm dismissed SreePujitha01’s stale review via 1c52658 September 22, 2025 22:06

one-community mentioned this pull request Sep 22, 2025

Meenashi application page category OneCommunityGlobal/HGNRest#1701

Merged

chore:Merge branch 'development' of https://github.com/OneCommunityGl…

e646f32

…obal/HighestGoodNetworkApp into meenashi-application-page-category

one-community merged commit 0ec02e2 into development Sep 26, 2025
8 checks passed

one-community mentioned this pull request Oct 1, 2025

Frontend Release to Main [4.53] #4148

Merged

jeyanthi-sm mentioned this pull request Dec 3, 2025

Manoj taking over for Meenashi - collaboration ads creation page #4307

Open

Uh oh!

Conversation

jeyanthi-sm commented Sep 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Main Changes

How to Test

Related PRS (if any):

Screenshots or videos of changes:

Note:

Uh oh!

netlify Bot commented Sep 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for highestgoodnetwork-dev ready!

Uh oh!

akshith312 left a comment

Choose a reason for hiding this comment

Uh oh!

SreePujitha01 left a comment

Choose a reason for hiding this comment

Uh oh!

somramnani commented Sep 11, 2025

Uh oh!

RitzzzZ2021 left a comment

Choose a reason for hiding this comment

Uh oh!

jeyanthi-sm commented Sep 13, 2025

Uh oh!

khan-zoha left a comment

Choose a reason for hiding this comment

Uh oh!

jeyanthi-sm commented Sep 15, 2025

Uh oh!

MeronTeweldebrhan left a comment

Choose a reason for hiding this comment

Uh oh!

jeyanthi-sm commented Sep 17, 2025

Uh oh!

ChiragBellara commented Sep 17, 2025

Uh oh!

Aditya-gam left a comment

Choose a reason for hiding this comment

Uh oh!

one-community commented Sep 26, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

10 participants

jeyanthi-sm commented Sep 4, 2025 •

edited

Loading

netlify Bot commented Sep 4, 2025 •

edited

Loading