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(organizations): Add button and modal for inviting new org members TASK-1373 #5460

Open
wants to merge 8 commits into
base: main
Choose a base branch
from

Conversation

duvld
Copy link
Member

@duvld duvld commented Jan 29, 2025

🗒️ Checklist

  1. run linter locally
  2. update all related docs (API, README, inline, etc.), if any
  3. draft PR with a title <type>(<scope>)<!>: <title> TASK-1234
  4. tag PR: at least frontend or backend unless it's global
  5. fill in the template below and delete template comments
  6. review thyself: read the diff and repro the preview as written
  7. open PR & confirm that CI passes
  8. request reviewers, if needed
  9. delete this section before merging

📣 Summary

Adds UI to invite members to an MMO.

💭 Notes

Just the UI itself, currently does not send or receive any requests. Made with mantine components.

👀 Preview steps

Bug template:

  1. Have a user in an MMO and has either a Owner or Admin role
  2. Enable the feature flag with ff_inviteOrgMembers=true
  3. See the new section
  4. Click on Invite members and see the new modal

<ButtonNew size='lg' onClick={open}>
{t('Invite members')}
</ButtonNew>
<Modal
Copy link
Contributor

Choose a reason for hiding this comment

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

I'd say let's move this modal to a separate file and load it in the MembersRoute. It's going to get rather large once we start adding in the actual content.

Copy link
Contributor

@jamesrkiger jamesrkiger left a comment

Choose a reason for hiding this comment

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

Left a few initial change requests

moved modal to new file
added MMO role check to invite button
<Divider />
<Group w='100%' justify='space-between'>
<Stack gap='xs' pt='xs' pb='xs'>
<Title order={5}>{t('Invite members')}</Title>
Copy link
Contributor

Choose a reason for hiding this comment

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

Can you check on the typography here? Looks different from the designs:
image

@@ -3,7 +3,8 @@
* For our sanity, use camel case and match key with value.
*/
export enum FeatureFlag {
exampleFeatureEnabled = 'exampleFeatureEnabled', //Comment out when we have active FFs
//exampleFeatureEnabled = 'exampleFeatureEnabled', //Comment out when we have active FFs
inviteOrgMembers = 'inviteOrgMembers',
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
inviteOrgMembers = 'inviteOrgMembers',
orgMemberInvitesEnabled = 'orgMemberInvitesEnabled',

Copy link
Contributor

@jamesrkiger jamesrkiger left a comment

Choose a reason for hiding this comment

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

Left a few minor comments

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