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

apps/meteor/client/hooks/roomActions/useThreadRoomAction.tsx

@@ -0,0 +1,65 @@
+import type { BadgeProps } from '@rocket.chat/fuselage';
+import { HeaderToolbarAction, HeaderToolbarActionBadge } from '@rocket.chat/ui-client';
+import { useSetting } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
+import { lazy, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { useRoomSubscription } from '../../views/room/contexts/RoomContext';
+
+const getVariant = (tunreadUser: number, tunreadGroup: number): BadgeProps['variant'] => {
+	if (tunreadUser > 0) {
+		return 'danger';
+	}
+
+	if (tunreadGroup > 0) {
+		return 'warning';
+	}
+
+	return 'primary';
+};
+
+const Threads = lazy(() => import('../../views/room/contextualBar/Threads'));
+
+export const useThreadRoomAction = () => {
+	const enabled = useSetting('Threads_enabled', false);
+	const subscription = useRoomSubscription();
+
+	const tunread = subscription?.tunread?.length ?? 0;
+	const tunreadUser = subscription?.tunreadUser?.length ?? 0;
+	const tunreadGroup = subscription?.tunreadGroup?.length ?? 0;
+	const unread = tunread > 99 ? '99+' : tunread;
+	const variant = getVariant(tunreadUser, tunreadGroup);
+	const { t } = useTranslation();
+
+	return useMemo((): RoomToolboxActionConfig | undefined => {
+		if (!enabled) {
+			return undefined;
+		}
+
+		return {
+			id: 'thread',
+			groups: ['channel', 'group', 'direct', 'direct_multiple', 'team'],
+			full: true,
+			title: 'Threads',
+			icon: 'thread',
+			tabComponent: Threads,
+			order: 2,
+			renderToolboxItem: ({ id, className, icon, title, toolbox: { tab }, disabled, action, tooltip }) => (
+				<HeaderToolbarAction
+					key={id}
+					className={className}
+					id={id}
+					icon={icon}
+					title={t(title)}
+					pressed={id === tab?.id}
+					onClick={action}
+					disabled={disabled}
+					tooltip={tooltip}
+				>
+					{!!unread && <HeaderToolbarActionBadge variant={variant}>{unread}</HeaderToolbarActionBadge>}
+				</HeaderToolbarAction>
+			),
+		};
+	}, [enabled, t, unread, variant]);
+};