From 035df97ecd109f61f2dffc13f752d99fa91d0cf4 Mon Sep 17 00:00:00 2001
From: Tim DE WINTER <tim.dewinter@infomaniak.com>
Date: Fri, 12 Jul 2024 14:57:28 +0200
Subject: [PATCH] chore: double custom status emoji tooltip size if it does not
 expires

Changelog: added
---
 .../src/components/custom_status/custom_status_emoji.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/webapp/channels/src/components/custom_status/custom_status_emoji.tsx b/webapp/channels/src/components/custom_status/custom_status_emoji.tsx
index 082e1e39ff..9f45468003 100644
--- a/webapp/channels/src/components/custom_status/custom_status_emoji.tsx
+++ b/webapp/channels/src/components/custom_status/custom_status_emoji.tsx
@@ -65,6 +65,11 @@ function CustomStatusEmoji({
         return statusEmoji;
     }
 
+    const expires = Boolean(
+        customStatus.expires_at &&
+        customStatus.duration !== CustomStatusDuration.DONT_CLEAR,
+    );
+
     return (
         <OverlayTrigger
             delayShow={Constants.OVERLAY_TIME_DELAY}
@@ -74,7 +79,7 @@ function CustomStatusEmoji({
                     <div className='custom-status'>
                         <RenderEmoji
                             emojiName={customStatus.emoji}
-                            size={14}
+                            size={expires ? 14 : 28}
                             emojiStyle={{
                                 marginTop: 2,
                             }}
@@ -88,7 +93,7 @@ function CustomStatusEmoji({
                             </span>
                         }
                     </div>
-                    {customStatus.expires_at && customStatus.duration !== CustomStatusDuration.DONT_CLEAR &&
+                    {expires &&
                         <div>
                             <ExpiryTime
                                 time={customStatus.expires_at}