From b31f2afe811c4c78d84606848569881b490bcddb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jespinog@gmail.com>
Date: Mon, 1 Aug 2022 12:14:17 +0200
Subject: [PATCH] Only show the channel unlink option if you have the right
 permissions (#3430)

Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
---
 .../shareBoard/channelPermissionsRow.tsx      | 54 ++++++++++++-------
 1 file changed, 34 insertions(+), 20 deletions(-)

diff --git a/webapp/src/components/shareBoard/channelPermissionsRow.tsx b/webapp/src/components/shareBoard/channelPermissionsRow.tsx
index 08b8eab8a..0ae301c64 100644
--- a/webapp/src/components/shareBoard/channelPermissionsRow.tsx
+++ b/webapp/src/components/shareBoard/channelPermissionsRow.tsx
@@ -14,6 +14,7 @@ import {Channel} from '../../store/channels'
 import {Utils} from '../../utils'
 import mutator from '../../mutator'
 import octoClient from '../../octoClient'
+import {Permission} from '../../constants'
 
 import PrivateIcon from '../../widgets/icons/lockOutline'
 import PublicIcon from '../../widgets/icons/globe'
@@ -21,6 +22,8 @@ import DeleteIcon from '../../widgets/icons/delete'
 import CompassIcon from '../../widgets/icons/compassIcon'
 import ConfirmationDialogBox from "../confirmationDialogBox"
 
+import BoardPermissionGate from '../permissions/boardPermissionGate'
+
 const ChannelPermissionsRow = (): JSX.Element => {
     const intl = useIntl()
     const board = useAppSelector(getCurrentBoard)
@@ -80,26 +83,37 @@ const ChannelPermissionsRow = (): JSX.Element => {
                 <div className='ml-3'><strong>{linkedChannel.display_name}</strong></div>
             </div>
             <div>
-                <MenuWrapper>
-                    <button className='user-item__button'>
-                        <FormattedMessage
-                            id='BoardMember.schemeEditor'
-                            defaultMessage='Editor'
-                        />
-                        <CompassIcon
-                            icon='chevron-down'
-                            className='CompassIcon'
-                        />
-                    </button>
-                    <Menu position='left'>
-                        <Menu.Text
-                            id='Unlink'
-                            icon={<DeleteIcon/>}
-                            name={intl.formatMessage({id: 'BoardMember.unlinkChannel', defaultMessage: 'Unlink'})}
-                            onClick={() => setShowUnlinkChannelConfirmation(true)}
-                        />
-                    </Menu>
-                </MenuWrapper>
+                <BoardPermissionGate permissions={[Permission.ManageBoardRoles]}>
+                    <MenuWrapper>
+                        <button className='user-item__button'>
+                            <FormattedMessage
+                                id='BoardMember.schemeEditor'
+                                defaultMessage='Editor'
+                            />
+                            <CompassIcon
+                                icon='chevron-down'
+                                className='CompassIcon'
+                            />
+                        </button>
+                        <Menu position='left'>
+                            <Menu.Text
+                                id='Unlink'
+                                icon={<DeleteIcon/>}
+                                name={intl.formatMessage({id: 'BoardMember.unlinkChannel', defaultMessage: 'Unlink'})}
+                                onClick={() => setShowUnlinkChannelConfirmation(true)}
+                            />
+                        </Menu>
+                    </MenuWrapper>
+                </BoardPermissionGate>
+                <BoardPermissionGate
+                    permissions={[Permission.ManageBoardRoles]}
+                    invert={true}
+                >
+                    <FormattedMessage
+                        id='BoardMember.schemeEditor'
+                        defaultMessage='Editor'
+                    />
+                </BoardPermissionGate>
             </div>
         </div>
     )