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

feat: Implement users page deactivated tab #30532

Merged
merged 16 commits into from
Nov 29, 2023

Conversation

rique223
Copy link
Contributor

@rique223 rique223 commented Sep 29, 2023

Proposed changes (including videos or screenshots)

Jira task: WM-87

Implemented the deactivated users tab for the new users page. This page:

  • Displays only deactivated users;
  • Displays only the Name, Username, Email, Roles and 'Actions' table columns;
  • Has a kebab menu in the right of each column row that has only the 'Activate' and 'Delete' options;
  • Limits the contextual bar menu options to only the 'Activate' and 'Delete' options;

Demo gif:
users_page_deactivated

Issue(s)

Steps to test or reproduce

Further comments

Implemented the necessary resources to filter the list of users and to return only those who are active, when the active tab is enabled.
Implemented a new filter on the users' page that retrieves the roles list and creates a dropdown menu. When any of its options is selected, it will filter the users' list to display only those with the selected roles. Additionally, I made some minor adjustments to the MultiSelectCustom component and introduced some new hooks.
Completed the implementation of the users table actions menu by preventing the propagation of the click event that triggered the opening of the contextual bar when the menu was clicked. Also, ensured that the contextual bar only opens when the "Enter" or "Space" keys are used for keyboard navigation and enhanced the options menu in the contextual bar as specified in Figma.
Removed the status from the users page contextual bar (the need to remove this may not be concrete, for now it will be only commented until the final decision is made). Also changed the order of the contextual bar info and changed some minor styles to follow figma specs.
Implemented the filtering function that will show deactivated users when the deactivated tab has been selected and hid the actions menu options that are unnecessary for deactivated users. Didn't implement the empty state because it has been implemented in the pending tab PR.
@changeset-bot
Copy link

changeset-bot bot commented Sep 29, 2023

⚠️ No Changeset found

Latest commit: aaf9647

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@rique223 rique223 changed the base branch from develop to feat/active-tab September 29, 2023 18:13
@codecov
Copy link

codecov bot commented Sep 29, 2023

Codecov Report

Merging #30532 (aaf9647) into feat/user-panel (add7b02) will decrease coverage by 0.08%.
The diff coverage is n/a.

Additional details and impacted files

Impacted file tree graph

@@                 Coverage Diff                 @@
##           feat/user-panel   #30532      +/-   ##
===================================================
- Coverage            51.26%   51.19%   -0.08%     
===================================================
  Files                  810      810              
  Lines                15161    15161              
  Branches              2826     2826              
===================================================
- Hits                  7773     7762      -11     
- Misses                6949     6956       +7     
- Partials               439      443       +4     
Flag Coverage Δ
e2e 48.11% <ø> (-0.09%) ⬇️
unit 66.23% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Base automatically changed from feat/active-tab to feat/user-panel October 4, 2023 19:32
@rique223 rique223 marked this pull request as ready for review November 7, 2023 23:13
@rique223 rique223 requested a review from a team as a code owner November 7, 2023 23:13
@rique223 rique223 requested a review from hugocostadev November 8, 2023 18:15
@hugocostadev hugocostadev merged commit 29a50b7 into feat/user-panel Nov 29, 2023
42 checks passed
@hugocostadev hugocostadev deleted the feat/deactivated-tab branch November 29, 2023 13:22
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.

2 participants