diff --git a/client/views/teams/contextualBar/channels/TeamsChannels.js b/client/views/teams/contextualBar/channels/TeamsChannels.js index 6394d941f6901..b7aa7c14d9711 100644 --- a/client/views/teams/contextualBar/channels/TeamsChannels.js +++ b/client/views/teams/contextualBar/channels/TeamsChannels.js @@ -6,6 +6,7 @@ import { import React, { useCallback, useMemo, useState } from 'react'; import { roomTypes } from '../../../../../app/utils/client'; +import { usePermission } from '../../../../contexts/AuthorizationContext'; import { useSetModal } from '../../../../contexts/ModalContext'; import { useRecordList } from '../../../../hooks/lists/useRecordList'; import { AsyncStatePhase } from '../../../../lib/asyncState'; @@ -49,6 +50,7 @@ const TeamsChannels = ({ teamId }) => { setText(event.currentTarget.value); }, []); + const canAddExistingTeam = usePermission('add-team-channel'); const addExisting = useReactModal(AddExistingModal, { teamId, reload }); const createNew = useReactModal(CreateChannelWithData, { teamId, reload }); @@ -80,8 +82,8 @@ const TeamsChannels = ({ teamId }) => { channels={items} total={total} onClickClose={onClickClose} - onClickAddExisting={addExisting} - onClickCreateNew={createNew} + onClickAddExisting={canAddExistingTeam && addExisting} + onClickCreateNew={canAddExistingTeam && createNew} onClickView={viewRoom} loadMoreItems={loadMoreItems} reload={reload}