From 1eab69ddf63411f9512bff32f776dc7acd000f40 Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Mon, 26 May 2025 21:45:18 +0200
Subject: [PATCH] Remove unused box

---
 src/components/Chat/MessageItem.tsx | 20 +-------------------
 1 file changed, 1 insertion(+), 19 deletions(-)

diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx
index a1420a8..3151fc5 100644
--- a/src/components/Chat/MessageItem.tsx
+++ b/src/components/Chat/MessageItem.tsx
@@ -324,6 +324,7 @@ export const MessageItem = memo(
               {reply && (
                 <>
                   <Spacer height="20px" />
+
                   <Box
                     sx={{
                       backgroundColor: theme.palette.background.surface,
@@ -339,15 +340,6 @@ export const MessageItem = memo(
                       scrollToItem(replyIndex);
                     }}
                   >
-                    <Box
-                      sx={{
-                        background: theme.palette.text.primary,
-                        height: '100%',
-                        width: '5px',
-                        flexShrink: 0,
-                      }}
-                    />
-
                     <Box
                       sx={{
                         padding: '5px',
@@ -410,7 +402,6 @@ export const MessageItem = memo(
                   {reactions &&
                     Object.keys(reactions).map((reaction) => {
                       const numberOfReactions = reactions[reaction]?.length;
-                      // const myReaction = reactions
                       if (numberOfReactions === 0) return null;
                       return (
                         <ButtonBase
@@ -440,7 +431,6 @@ export const MessageItem = memo(
                                 marginLeft: '4px',
                               }}
                             >
-                              {' '}
                               {numberOfReactions}
                             </Typography>
                           )}
@@ -640,14 +630,6 @@ export const ReplyPreview = ({ message, isEdit = false }) => {
         width: '100%',
       }}
     >
-      <Box
-        sx={{
-          background: theme.palette.text.primary,
-          height: '100%',
-          width: '5px',
-          flexShrink: 0,
-        }}
-      />
       <Box
         sx={{
           padding: '5px',