snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/navigation/sidepanel/tabs/SidePanelAll.tsx

@@ -0,0 +1,22 @@
+import { useTranslation } from 'react-i18next';
+
+import { sidePanelFiltersConfig, useSidePanelRoomsListTab, useUnreadOnlyToggle } from '../../contexts/RoomsNavigationContext';
+import SidePanel from '../SidePanel';
+
+const SidePanelAll = () => {
+	const { t } = useTranslation();
+	const rooms = useSidePanelRoomsListTab('all');
+	const [unreadOnly, toggleUnreadOnly] = useUnreadOnlyToggle();
+
+	return (
+		<SidePanel
+			title={t(sidePanelFiltersConfig.all.title)}
+			currentTab='all'
+			unreadOnly={unreadOnly}
+			toggleUnreadOnly={toggleUnreadOnly}
+			rooms={rooms}
+		/>
+	);
+};
+
+export default SidePanelAll;

apps/meteor/client/views/navigation/sidepanel/tabs/SidePanelChannels.tsx

@@ -0,0 +1,28 @@
+import type { ISubscription } from '@rocket.chat/core-typings';
+import { useUserDisplayName } from '@rocket.chat/ui-client';
+
+import { useUnreadOnlyToggle } from '../../contexts/RoomsNavigationContext';
+import SidePanel from '../SidePanel';
+import { useChannelsChildrenList } from '../hooks/useChannelsChildrenList';
+
+export type SidePanelChannelsProps = { parentRid: string; subscription: ISubscription };
+
+const SidePanelChannels = ({ parentRid, subscription }: SidePanelChannelsProps) => {
+	const isDirectSubscription = subscription?.t === 'd';
+
+	const username = useUserDisplayName({ name: subscription?.fname, username: subscription?.name });
+	const [unreadOnly, toggleUnreadOnly] = useUnreadOnlyToggle();
+	const rooms = useChannelsChildrenList(parentRid, unreadOnly);
+
+	return (
+		<SidePanel
+			title={(isDirectSubscription ? username : subscription?.fname) || subscription.name}
+			currentTab={isDirectSubscription ? 'directMessages' : 'channels'}
+			unreadOnly={unreadOnly}
+			toggleUnreadOnly={toggleUnreadOnly}
+			rooms={rooms}
+		/>
+	);
+};
+
+export default SidePanelChannels;

apps/meteor/client/views/navigation/sidepanel/tabs/SidePanelDiscussions.tsx

@@ -0,0 +1,34 @@
+import { useSetting } from '@rocket.chat/ui-contexts';
+import { useTranslation } from 'react-i18next';
+
+import {
+	sidePanelFiltersConfig,
+	useRedirectToDefaultTab,
+	useSidePanelRoomsListTab,
+	useUnreadOnlyToggle,
+} from '../../contexts/RoomsNavigationContext';
+import SidePanel from '../SidePanel';
+
+const SidePanelDiscussions = () => {
+	const { t } = useTranslation();
+	const rooms = useSidePanelRoomsListTab('discussions');
+	const [unreadOnly, toggleUnreadOnly] = useUnreadOnlyToggle();
+	const isDiscussionEnabled = useSetting('Discussion_enabled');
+	useRedirectToDefaultTab(!isDiscussionEnabled);
+
+	if (!isDiscussionEnabled) {
+		return null;
+	}
+
+	return (
+		<SidePanel
+			title={t(sidePanelFiltersConfig.discussions.title)}
+			currentTab='discussions'
+			unreadOnly={unreadOnly}
+			toggleUnreadOnly={toggleUnreadOnly}
+			rooms={rooms}
+		/>
+	);
+};
+
+export default SidePanelDiscussions;

apps/meteor/client/views/navigation/sidepanel/tabs/SidePanelFavorites.tsx

@@ -0,0 +1,22 @@
+import { useTranslation } from 'react-i18next';
+
+import { sidePanelFiltersConfig, useSidePanelRoomsListTab, useUnreadOnlyToggle } from '../../contexts/RoomsNavigationContext';
+import SidePanel from '../SidePanel';
+
+const SidePanelFavorites = () => {
+	const { t } = useTranslation();
+	const rooms = useSidePanelRoomsListTab('favorites');
+	const [unreadOnly, toggleUnreadOnly] = useUnreadOnlyToggle();
+
+	return (
+		<SidePanel
+			title={t(sidePanelFiltersConfig.favorites.title)}
+			currentTab='favorites'
+			unreadOnly={unreadOnly}
+			toggleUnreadOnly={toggleUnreadOnly}
+			rooms={rooms}
+		/>
+	);
+};
+
+export default SidePanelFavorites;

apps/meteor/client/views/navigation/sidepanel/tabs/SidePanelRooms.tsx

@@ -0,0 +1,28 @@
+import { useUserSubscription } from '@rocket.chat/ui-contexts';
+
+import SidePanelAll from './SidePanelAll';
+import SidePanelChannels from './SidePanelChannels';
+import SidePanelTeams from './SidePanelTeams';
+import { withErrorBoundary } from '../../../../components/withErrorBoundary';
+import { useSidePanelFilter } from '../../contexts/RoomsNavigationContext';
+
+export type SidePanelRoomsProps = { parentRid: string };
+
+const SidePanelRooms = ({ parentRid }: SidePanelRoomsProps) => {
+	const [currentTab] = useSidePanelFilter();
+	const subscription = useUserSubscription(parentRid);
+
+	if (!subscription) {
+		return <SidePanelAll />;
+	}
+
+	switch (currentTab) {
+		case 'teams':
+			return <SidePanelTeams parentRid={parentRid} subscription={subscription} />;
+		case 'channels':
+		case 'directMessages':
+			return <SidePanelChannels parentRid={parentRid} subscription={subscription} />;
+	}
+};
+
+export default withErrorBoundary(SidePanelRooms);

apps/meteor/client/views/navigation/sidepanel/tabs/SidePanelTeams.tsx

@@ -0,0 +1,24 @@
+import type { ISubscription } from '@rocket.chat/core-typings';
+
+import { useUnreadOnlyToggle } from '../../contexts/RoomsNavigationContext';
+import SidePanel from '../SidePanel';
+import { useChannelsChildrenList } from '../hooks/useChannelsChildrenList';
+
+export type SidePanelTeamsProps = { parentRid: string; subscription: ISubscription };
+
+const SidePanelTeams = ({ parentRid, subscription }: SidePanelTeamsProps) => {
+	const [unreadOnly, toggleUnreadOnly] = useUnreadOnlyToggle();
+	const rooms = useChannelsChildrenList(parentRid, unreadOnly, subscription?.teamId);
+
+	return (
+		<SidePanel
+			title={subscription?.fname || subscription?.name}
+			currentTab='teams'
+			unreadOnly={unreadOnly}
+			toggleUnreadOnly={toggleUnreadOnly}
+			rooms={rooms}
+		/>
+	);
+};
+
+export default SidePanelTeams;