Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Swathi - Add Project Name to Projects>Members Pages #3032

Open
wants to merge 4 commits into
base: development
Choose a base branch
from

Conversation

Lemonnycodes
Copy link
Contributor

Description

This PR fixes functionality and display issues on the Members page and ensures that the project name is correctly displayed at the top of the page.

Related PRS (if any):

This frontend PR is related to the development branch of the backend

Main changes explained:

  • Updated the Members page to display the project name dynamically using props or sessionStorage as a fallback.
  • Modified the breadcrumb component on the Members page for consistent project name integration.
  • Resolved layout issues by ensuring all table elements, including toggles and search functionality, render correctly.
  • Refined the fetchMembers function to handle unexpected API errors and avoid infinite loading states.

How to test:

  1. check into current branch
  2. Run 'npm install" to ensure all dependencies are up to date
  3. Clear site data/cache
  4. log as admin / owner user
  5. Navigate to Dashboard → Projects → WBS Members icon.
  6. Verify that the project name is displayed correctly at the top of the page.
  7. verify this new feature works in dark mode.

Screenshots or videos of changes:

Members_Projname (1)

video.mp4

Copy link

netlify bot commented Jan 12, 2025

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 76c6467
🔍 Latest deploy log https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/6785d5985461600008fbc296
😎 Deploy Preview https://deploy-preview-3032--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 site configuration.

@Lemonnycodes Lemonnycodes added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Jan 13, 2025
@Lemonnycodes Lemonnycodes 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 - Please Review First This is an important PR we'd like to get merged as soon as possible labels Jan 14, 2025
@wander2ec
Copy link

everything is ok.
3032

Copy link
Contributor

@Ankuriboh Ankuriboh left a comment

Choose a reason for hiding this comment

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

Test file was overridden by actual business logic.

Copy link
Contributor

Choose a reason for hiding this comment

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

Test file was overridden by actual business logic.

Copy link

@Eveye2023 Eveye2023 left a comment

Choose a reason for hiding this comment

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

Everything's good to me. Just a clarification comment.

@@ -102,9 +103,11 @@ const Members = props => {
</button>
</NavItem>

<div id="member_project__name">PROJECTS {props.projectId}</div>
{/* Display Project Name */}
<div id="member_project__name">PROJECT: {projectName}</div>

Choose a reason for hiding this comment

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

I was wondering, both the member's page and the WBS page have a project header. Do you think it might be helpful to make it a shared component, or is there a specific reason for keeping them separate?

@jeyanthi-sm
Copy link

The Members page correctly displays the selected project name. See the attached screenshot. The same results are observed for both Admin and Owner users.
PR3032_projNameInMembers

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