Skip to content

Sayali add bulk actions for managers#4887

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

Sayali add bulk actions for managers#4887
sayali-2308 wants to merge 2 commits intodevelopmentfrom
Sayali_Add_Bulk_Actions_For_Managers

Conversation

@sayali-2308
Copy link
Contributor

image

Description

Implements #19 (Priority Medium)

Related PRS (if any):

Based on existing work from PR #3857 and PR #4290 (frontend only, no backend PR needed)

Main changes explained:

  • Updated TeamCard.jsx to add bulk action bar, checkbox state management, Redux darkMode integration and confirmation modal
  • Updated TeamMemberRow.jsx to add checkbox input and selected state styling
  • Updated TeamCard.module.css to add styles for bulk action bar, checkbox, selected row highlight and confirmation modal

How to test:

  1. Check out branch Sayali_Add_Bulk_Actions_For_Managers
  2. Do npm install and npm run start:local to run this PR locally
  3. Clear site data/cache
  4. Log as admin user
  5. Navigate to http://localhost:5173/hgnteam
  6. Verify checkboxes appear on each member row
  7. Verify Send Message and Request Skill Update buttons are disabled when no members selected
  8. Select one or more members and verify buttons become active (blue)
  9. Click Send Message → verify confirmation modal appears with correct member count → click Yes, Proceed → verify success toast and selection clears
  10. Click Request Skill Update → same verification as above
  11. Click Cancel on modal → verify selection stays intact
  12. Verify this new feature works in [dark mode]

Screenshots or videos of changes:

Screenshot 2026-02-21 144525 Screenshot 2026-02-21 144535 Screenshot 2026-02-21 144543 Screenshot 2026-02-21 144551 Screenshot 2026-02-21 144634 Screenshot 2026-02-21 144642 Screenshot 2026-02-21 144658

Note:

APIs are not wired yet as per existing notes from PR #3857 and #4290.
Toast messages are UI placeholders until backend is ready.

@netlify
Copy link

netlify bot commented Feb 22, 2026

Deploy Preview for highestgoodnetwork-dev ready!

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

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