diff --git a/src/components/common/user/UserStatus.tsx b/src/components/common/user/UserStatus.tsx index c909b1e9..b0fb29ad 100644 --- a/src/components/common/user/UserStatus.tsx +++ b/src/components/common/user/UserStatus.tsx @@ -2,15 +2,25 @@ import { User } from "revolt.js"; import { Users } from "revolt.js/dist/api/objects"; import { Text } from "preact-i18n"; +import Tooltip from "../Tooltip"; interface Props { user: User; + tooltip?: boolean; } -export default function UserStatus({ user }: Props) { +export default function UserStatus({ user, tooltip }: Props) { if (user.online) { if (user.status?.text) { - return <>{user.status?.text}; + if (tooltip) { + return ( + + { user.status.text } + + ) + } + + return <>{user.status.text}; } if (user.status?.presence === Users.Presence.Busy) { diff --git a/src/context/intermediate/popovers/UserProfile.module.scss b/src/context/intermediate/popovers/UserProfile.module.scss index 38094de1..06b8ebe1 100644 --- a/src/context/intermediate/popovers/UserProfile.module.scss +++ b/src/context/intermediate/popovers/UserProfile.module.scss @@ -35,7 +35,7 @@ display: flex; flex-direction: column; - > * { + * { min-width: 0; overflow: hidden; white-space: nowrap; diff --git a/src/context/intermediate/popovers/UserProfile.tsx b/src/context/intermediate/popovers/UserProfile.tsx index 1c7b579d..bc07e4d2 100644 --- a/src/context/intermediate/popovers/UserProfile.tsx +++ b/src/context/intermediate/popovers/UserProfile.tsx @@ -152,7 +152,7 @@ export function UserProfile({ user_id, onClose, dummy, dummyProfile }: Props) { {user.status?.text && ( - + )}