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({
GenericModalDoNotAskAgain>);
});
+ const onClickViewChannels = useCallback(() => openTabbar('team-channels'), [openTabbar]);
+
return (
}
description={room.description && }