diff --git a/src/components/common/user/UserStatus.tsx b/src/components/common/user/UserStatus.tsx index c909b1e9ed51646d2755ea8ae369cc0116a8e5ef..b0fb29ad495334dab6f6788cfa820533b2973f3c 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 ( + <Tooltip arrow={undefined} content={ user.status.text }> + { user.status.text } + </Tooltip> + ) + } + + 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 38094de14c9ffa6da8ad40ce1942ec806be2c1bc..06b8ebe1fd77c88be11166fe9208dcff2c64a5bc 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 1c7b579de32e83df8f0c6d485cf8e120c0add30f..bc07e4d247ca45d936e6e993ffeefdc6c5db68a7 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) { </Localizer> {user.status?.text && ( <span className={styles.status}> - <UserStatus user={user} /> + <UserStatus user={user} tooltip /> </span> )} </div>