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]);