From 9d3215dcaaa8991dabd890e93f9b16a3445881c2 Mon Sep 17 00:00:00 2001
From: Walber Cardoso <50842245+walbercardoso@users.noreply.github.com>
Date: Wed, 14 Feb 2024 11:43:37 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=8F=EF=B8=8F=20fix(Convo):=20Rename=20Tit?=
 =?UTF-8?q?le=20UX=20(#1793)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Conversations/Convo.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Conversations/Convo.tsx b/client/src/components/Conversations/Convo.tsx
index 4bf23fa901..9a9e83046b 100644
--- a/client/src/components/Conversations/Convo.tsx
+++ b/client/src/components/Conversations/Convo.tsx
@@ -112,8 +112,9 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
   };
 
   const aProps = {
-    className:
-      'group relative rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-3 break-all rounded-lg bg-gray-800 py-2 px-2',
+    className: `group relative rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-3 break-all rounded-lg bg-gray-800 py-2 px-2 ${
+      renaming ? 'pr-14' : ''
+    }`,
   };
 
   const activeConvo =
@@ -150,7 +151,11 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
         )}
       </div>
       {activeConvo ? (
-        <div className="absolute bottom-0 right-1 top-0 w-20 bg-gradient-to-l from-gray-800 from-60% to-transparent"></div>
+        <div
+          className={`absolute bottom-0 right-1 top-0 w-20 bg-gradient-to-l ${
+            !renaming ? 'from-gray-800 from-60% to-transparent' : ''
+          }`}
+        ></div>
       ) : (
         <div className="from--gray-900 absolute bottom-0 right-0 top-0 w-2 bg-gradient-to-l from-0% to-transparent group-hover:w-1 group-hover:from-60%"></div>
       )}