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 && (
-
+
)}