From 72cd7ac4e05c0b6c84b229000477845fbdabe3b5 Mon Sep 17 00:00:00 2001
From: Julien Tant <785518+JulienTant@users.noreply.github.com>
Date: Mon, 3 Apr 2023 09:20:44 -0700
Subject: [PATCH] [MM-51098] Hide "copy invite link" when selecting guest -
 migrated from webapp (#22745)

---
 .../guest_accounts/guest_invitation_ui_spec.ts        | 11 +++++++++++
 .../src/components/invitation_modal/invite_view.scss  |  4 ++++
 .../src/components/invitation_modal/invite_view.tsx   |  5 +++--
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_invitation_ui_spec.ts b/e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_invitation_ui_spec.ts
index aa12dae759..396869cd8e 100644
--- a/e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_invitation_ui_spec.ts
+++ b/e2e-tests/cypress/tests/integration/channels/enterprise/guest_accounts/guest_invitation_ui_spec.ts
@@ -223,4 +223,15 @@ describe('Guest Account - Guest User Invitation Flow', () => {
         // * Verify invite more button is present
         cy.findByTestId('invite-more').should('be.visible');
     });
+
+    it('hides the copy link button when inviting guests', () => {
+        // # Open team menu and click 'Invite People'
+        cy.uiOpenTeamMenu('Invite People');
+
+        // # Select Guest
+        cy.findByTestId('inviteGuestLink').should('be.visible').click();
+
+        // * The button "Copy invite link" should not exist
+        cy.findByTestId('InviteView__copyInviteLink').should('not.exist');
+    });
 });
diff --git a/webapp/channels/src/components/invitation_modal/invite_view.scss b/webapp/channels/src/components/invitation_modal/invite_view.scss
index ec33fae3d5..b953080c26 100644
--- a/webapp/channels/src/components/invitation_modal/invite_view.scss
+++ b/webapp/channels/src/components/invitation_modal/invite_view.scss
@@ -51,6 +51,10 @@ button.InviteView__copyLink.tertiary-button:focus {
             display: none;
         }
 
+        &-guest {
+            justify-content: flex-end;
+        }
+
         .btn {
             font-weight: 600;
         }
diff --git a/webapp/channels/src/components/invitation_modal/invite_view.tsx b/webapp/channels/src/components/invitation_modal/invite_view.tsx
index a67f53c9b5..9d6ec6292a 100644
--- a/webapp/channels/src/components/invitation_modal/invite_view.tsx
+++ b/webapp/channels/src/components/invitation_modal/invite_view.tsx
@@ -4,6 +4,7 @@
 import React, {useEffect, useMemo} from 'react';
 import {Modal} from 'react-bootstrap';
 import {FormattedMessage, useIntl} from 'react-intl';
+import classNames from 'classnames';
 
 import deepFreeze from 'mattermost-redux/utils/deep_freeze';
 import {Channel} from '@mattermost/types/channels';
@@ -259,8 +260,8 @@ export default function InviteView(props: Props) {
                 )}
                 <OverageUsersBannerNotice/>
             </Modal.Body>
-            <Modal.Footer className={'InviteView__footer ' + props.footerClass}>
-                {copyButton}
+            <Modal.Footer className={classNames('InviteView__footer', props.footerClass, {'InviteView__footer-guest': props.inviteType === InviteType.GUEST})}>
+                {props.inviteType === InviteType.MEMBER && copyButton}
                 <button
                     disabled={!isInviteValid}
                     onClick={props.invite}