Skip to content

Sayali: add user state indicator frontend - display, permissions, dark …#4899

Open
sayali-2308 wants to merge 2 commits intodevelopmentfrom
Sayali_User_State_Indicator
Open

Sayali: add user state indicator frontend - display, permissions, dark …#4899
sayali-2308 wants to merge 2 commits intodevelopmentfrom
Sayali_User_State_Indicator

Conversation

@sayali-2308
Copy link
Contributor

…mode fix
image

Description

Implements #4 (Priority Urgent)

Related PRS (if any):

Backend PR: HGNRest #OneCommunityGlobal/HGNRest#2074

Main changes explained:

  • Created src/components/UserState/UserStateDisplay.jsx — displays state badges, edit dropdown, add new, reorder
  • Updated src/components/TeamMemberTasks/TeamMemberTask.jsx — added UserStateDisplay below hours
  • Updated src/components/WeeklySummariesReport/FormattedReport.jsx — added UserStateDisplay next to hours logged
  • Updated src/components/WeeklySummariesReport/WeeklySummariesReport.jsx — fixed dark mode for list-group-item
  • Updated src/components/WeeklySummariesReport/WeeklySummariesReport.module.css — dark mode fix
  • Updated src/components/PermissionsManagement/Permissions.json — added manage_user_state_indicator under Misc/Unsorted
  • Updated src/utils/URL.js — added USER_STATE_CATALOG, USER_STATE_SELECTION endpoints

How to test:

  1. Log in as admin
  2. Go to Dashboard > Tasks tab
  3. See ➕ Set State below hours for each user
  4. Click to open dropdown — select a state
  5. Badge shows immediately without page refresh
  6. Go to Weekly Summaries — badge shows next to Hours logged
  7. Test dark mode — badges visible correctly
  8. Test light mode — badges visible correctly

Screenshots or videos of changes:

image image image image image image

Note:

Must be merged with Backend PR HGNRest #OneCommunityGlobal/HGNRest#2074

@netlify
Copy link

netlify bot commented Feb 26, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 31b5821
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/699fa32996265a0008de6d35
😎 Deploy Preview https://deploy-preview-4899--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

Quality Gate Failed Quality Gate failed

Failed conditions
15.6% Duplication on New Code (required ≤ 3%)
C Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant