diff --git a/apps/meteor/client/hooks/useUserStatusTooltip.tsx b/apps/meteor/client/hooks/useUserStatusTooltip.tsx
index 4969346c991e7..3894b07c84136 100644
--- a/apps/meteor/client/hooks/useUserStatusTooltip.tsx
+++ b/apps/meteor/client/hooks/useUserStatusTooltip.tsx
@@ -1,12 +1,23 @@
-import { useTooltipClose, useTooltipOpen, useUserPresence } from '@rocket.chat/ui-contexts';
+import { Skeleton } from '@rocket.chat/fuselage';
+import { UserPresenceContext, useTooltipClose, useTooltipOpen, useUserPresence } from '@rocket.chat/ui-contexts';
import type { MouseEvent } from 'react';
-import { useCallback, useMemo } from 'react';
+import { useCallback, useContext, useMemo } from 'react';
import { UserStatusText } from '../components/UserStatusText';
-export function useUserStatusTooltip(uid: string | undefined, title?: string) {
+const UserStatusTooltipContent = ({ uid }: { uid: string }) => {
const presence = useUserPresence(uid);
+ if (!presence) {
+ return ;
+ }
+
+ return ;
+};
+
+export function useUserStatusTooltip(uid: string | undefined, title?: string) {
+ const userPresence = useContext(UserPresenceContext);
+
const openTooltip = useTooltipOpen();
const closeTooltip = useTooltipClose();
@@ -19,11 +30,13 @@ export function useUserStatusTooltip(uid: string | undefined, title?: string) {
}
openTooltip(
- ,
+
+
+ ,
target,
);
},
- [uid, openTooltip, presence, title],
+ [uid, openTooltip, title, userPresence],
);
return useMemo(() => ({ 'data-tooltip': '', onMouseEnter, 'onMouseLeave': closeTooltip }), [onMouseEnter, closeTooltip]);