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

apps/meteor/client/hooks/useUserStatusTooltip.tsx

@@ -0,0 +1,45 @@
+import { Skeleton } from '@rocket.chat/fuselage';
+import { UserPresenceContext, useTooltipClose, useTooltipOpen, useUserPresence } from '@rocket.chat/ui-contexts';
+import type { MouseEvent } from 'react';
+import { useCallback, useContext, useMemo } from 'react';
+
+import { UserStatusText } from '../components/UserStatusText';
+
+export type UserStatusTooltipContentProps = { uid: string };
+
+const UserStatusTooltipContent = ({ uid }: UserStatusTooltipContentProps) => {
+	const presence = useUserPresence(uid);
+
+	if (!presence) {
+		return <Skeleton width='x200' variant='text' backgroundColor='surface-light' />;
+	}
+
+	return <UserStatusText status={presence.status} statusText={presence.statusText} statusExpiresAt={presence.statusExpiresAt} />;
+};
+
+export function useUserStatusTooltip(uid: string | undefined, title?: string) {
+	const userPresence = useContext(UserPresenceContext);
+
+	const openTooltip = useTooltipOpen();
+	const closeTooltip = useTooltipClose();
+
+	const onMouseEnter = useCallback(
+		(e: MouseEvent<HTMLElement>) => {
+			const target = e.currentTarget;
+
+			if (!uid) {
+				return openTooltip(title, target);
+			}
+
+			openTooltip(
+				<UserPresenceContext.Provider value={userPresence}>
+					<UserStatusTooltipContent uid={uid} />
+				</UserPresenceContext.Provider>,
+				target,
+			);
+		},
+		[uid, openTooltip, title, userPresence],
+	);
+
+	return useMemo(() => ({ 'data-tooltip': '', onMouseEnter, 'onMouseLeave': closeTooltip }), [onMouseEnter, closeTooltip]);
+}