From 7dd8cb51738d679759617099bc4301ac1dcc0b69 Mon Sep 17 00:00:00 2001
From: Aseer KT <aseermiqdad@gmail.com>
Date: Tue, 6 Aug 2024 21:18:22 +0530
Subject: [PATCH] style: update message item for delete messages

---
 web/src/features/message/components/MessageItem.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/features/message/components/MessageItem.tsx b/web/src/features/message/components/MessageItem.tsx
index 9fc7d26..8dedd07 100644
--- a/web/src/features/message/components/MessageItem.tsx
+++ b/web/src/features/message/components/MessageItem.tsx
@@ -43,7 +43,7 @@ export const MessageItem = forwardRef<HTMLDivElement, MessageItemProps>(
           <div
             className={cn(
               'min-w-36 rounded-lg border p-2 pb-1 shadow group-focus-within/block:ring group-focus/block:ring',
-              isCurrentUser && 'bg-cyan-100',
+              isCurrentUser ? 'bg-cyan-100' : 'bg-white',
               message.isDeleted && 'bg-gray-100',
             )}
           >
@@ -52,7 +52,7 @@ export const MessageItem = forwardRef<HTMLDivElement, MessageItemProps>(
                 {message.username}
               </b>
             )}
-            {message.parentMessage?.id && (
+            {message.parentMessage?.id && !message.isDeleted && (
               <div
                 role='button'
                 onClick={() =>