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: creates a modal to add members #1363

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

Conversation

katrinan029
Copy link
Contributor

@katrinan029 katrinan029 commented Dec 4, 2024

Description

Creates a modal to add members to an existing group
https://2u-internal.atlassian.net/browse/ENT-9602

For all changes

  • Ensure adequate tests are in place (or reviewed existing tests cover changes)

Only if submitting a visual change

  • Ensure to attach screenshots
  • Ensure to have UX team confirm screenshots

@katrinan029 katrinan029 marked this pull request as ready for review December 10, 2024 16:42
Copy link

codecov bot commented Dec 10, 2024

Codecov Report

Attention: Patch coverage is 57.69231% with 66 lines in your changes missing coverage. Please review.

Project coverage is 85.37%. Comparing base (371f043) to head (368dfe2).

Files with missing lines Patch % Lines
...onents/PeopleManagement/AddMembersModalContent.jsx 5.26% 36 Missing ⚠️
...rc/components/PeopleManagement/AddMembersModal.jsx 55.26% 17 Missing ⚠️
...ement/data/hooks/useEnterpriseLearnersTableData.js 0.00% 5 Missing ⚠️
src/data/services/LmsApiService.js 20.00% 4 Missing ⚠️
...mponents/PeopleManagement/AddMembersBulkAction.jsx 84.61% 2 Missing ⚠️
...nents/PeopleManagement/RemoveMembersBulkAction.jsx 88.88% 1 Missing ⚠️
...gement/data/hooks/useAllEnterpriseGroupLearners.js 92.30% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           master    #1363      +/-   ##
==========================================
- Coverage   85.72%   85.37%   -0.35%     
==========================================
  Files         609      617       +8     
  Lines       13363    13474     +111     
  Branches     2812     2780      -32     
==========================================
+ Hits        11455    11504      +49     
- Misses       1838     1900      +62     
  Partials       70       70              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@kiram15 kiram15 self-requested a review December 12, 2024 21:42
<h3>
<FormattedMessage
id="people.management.page.create.group.section.header"
defaultMessage="Create a custom group of members"
Copy link
Contributor

Choose a reason for hiding this comment

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

This title isn't needed for the Add members modal

<Col>
<h4 className="mt-4">Add new members to your group</h4>
<p>Only members registered with your organization can be added to your group. Learn more</p>
<h4 className="mt-4">Group Name</h4>
Copy link
Contributor

Choose a reason for hiding this comment

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

"Group name" should be all caps, should add className="text-uppercase"

<Row>
<Col>
<h4 className="mt-4">Add new members to your group</h4>
<p>Only members registered with your organization can be added to your group. Learn more</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Even though we might not have the help center doc yet, I think we could make this a hyperlink that just points to edx.org or something

<h4 className="mt-2">Select group members</h4>
<p>
<FormattedMessage
id="people.management.page.create.group.csv.upload"
Copy link
Contributor

Choose a reason for hiding this comment

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

When I upload a large CSV, I'm getting two error states. I don't see any examples of this in Figma, and I think we might need to talk to Sophia about which one should be present
Screenshot 2024-12-12 at 2 48 32 PM

import PropTypes from 'prop-types';

const AddMemberTableAction = ({ openModal }) => (
<Button iconBefore={Add} onClick={openModal} variant="outline-primary">Add members</Button>
Copy link
Contributor

Choose a reason for hiding this comment

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

I'm not actually seeing this button as a table action? The only way I'm able to open up the add members modal is a weird stray edit icon on the Group Detail card after the "View group progress" button
Screenshot 2024-12-12 at 2 51 56 PM

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