From 9bbbf5ffc84c55a24f2597af190e3a18974d87f1 Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Tue, 6 Jul 2021 22:58:45 +0100
Subject: [PATCH] Show tooltip for long statuses.

---
 src/components/common/user/UserStatus.tsx          | 14 ++++++++++++--
 .../intermediate/popovers/UserProfile.module.scss  |  2 +-
 src/context/intermediate/popovers/UserProfile.tsx  |  2 +-
 3 files changed, 14 insertions(+), 4 deletions(-)

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 (
+                    <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 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) {
                         </Localizer>
                         {user.status?.text && (
                             <span className={styles.status}>
-                                <UserStatus user={user} />
+                                <UserStatus user={user} tooltip />
                             </span>
                         )}
                     </div>