Only show the channel unlink option if you have the right permissions (…

…mattermost-community#3430) Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
nivethakarthi · Aug 1, 2022 · b31f2af · b31f2af
1 parent 04b5536
commit b31f2af
Showing 1 changed file with 34 additions and 20 deletions.
diff --git a/webapp/src/components/shareBoard/channelPermissionsRow.tsx b/webapp/src/components/shareBoard/channelPermissionsRow.tsx
@@ -14,13 +14,16 @@ 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'
 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>
     )