diff --git a/client/views/teams/info/TeamsInfo.js b/client/views/teams/info/TeamsInfo.js index ef1ad6b331057..7f673fed986ef 100644 --- a/client/views/teams/info/TeamsInfo.js +++ b/client/views/teams/info/TeamsInfo.js @@ -1,4 +1,4 @@ -import React, { useMemo } from 'react'; +import React, { useMemo, useCallback } from 'react'; import { Box, Button, Callout, Option, Menu } from '@rocket.chat/fuselage'; import { useMutableCallback } from '@rocket.chat/fuselage-hooks'; @@ -9,7 +9,7 @@ import DeleteTeamModal from './Delete'; import LeaveTeamModal from './Leave'; import InfoPanel, { RetentionPolicyCallout } from '../../InfoPanel'; import { roomTypes, UiTextContext } from '../../../../app/utils'; -import { useTabBarClose } from '../../room/providers/ToolboxProvider'; +import { useTabBarClose, useTabBarOpen } from '../../room/providers/ToolboxProvider'; import { useEndpointActionExperimental } from '../../../hooks/useEndpointAction'; import { GenericModalDoNotAskAgain } from '../../../components/GenericModal'; import { useTranslation } from '../../../contexts/TranslationContext'; @@ -50,6 +50,7 @@ export const TeamsInfo = ({ onClickLeave, onClickEdit, onClickDelete, + onClickViewChannels, }) => { const t = useTranslation(); @@ -159,12 +160,12 @@ export const TeamsInfo = ({ {topic} } - + {onClickViewChannels && {t('Teams_channels')} - + - + } {retentionPolicyEnabled && ( @@ -182,6 +183,7 @@ export default function TeamsInfoWithLogic({ openEditing, }) { const onClickClose = useTabBarClose(); + const openTabbar = useTabBarOpen(); const t = useTranslation(); room.type = room.t; @@ -273,6 +275,8 @@ export default function TeamsInfoWithLogic({ ); }); + const onClickViewChannels = useCallback(() => openTabbar('team-channels'), [openTabbar]); + return ( } description={room.description && }