From b32e8a00a3ec55305ad5f974a1c2cae5a79a7a96 Mon Sep 17 00:00:00 2001
From: abhishek-01k <abhishek@push.org>
Date: Mon, 14 Oct 2024 15:21:37 +0530
Subject: [PATCH] fix: fixed the theme for chat reply feature

fixed the UI of the chat reply
---
 .../chat/ChatViewBubbleCore/cards/reply/ReplyCard.tsx    | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/cards/reply/ReplyCard.tsx b/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/cards/reply/ReplyCard.tsx
index 9171fef7b..ac8ababe6 100644
--- a/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/cards/reply/ReplyCard.tsx
+++ b/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/cards/reply/ReplyCard.tsx
@@ -155,15 +155,15 @@ export const ReplyCard = ({
           <Span
             padding="8px 12px 0px"
             fontSize="10px"
-            color={theme.textColor?.chatSentBubbleText}
+            color={position ? `${theme.textColor?.chatSentBubbleText}` : `${theme.textColor?.chatReceivedBubbleText}`}
           >
             <Span
               fontWeight="500"
               padding="0px"
             >
-              {`${replyPayloadManager.payload.fromDID?.split(':')[1].slice(0, 6)}...${replyPayloadManager.payload.fromDID
+              {`${replyPayloadManager.payload.fromDID
                 ?.split(':')[1]
-                .slice(-6)}`}
+                .slice(0, 6)}...${replyPayloadManager.payload.fromDID?.split(':')[1].slice(-6)}`}
             </Span>
           </Span>
           <CardRenderer
@@ -173,12 +173,11 @@ export const ReplyCard = ({
             previewMode={true}
           />
         </Section>
-
       )}
     </ReplySection>
   );
 };
 
-const ReplySection = styled(Section) <ReplySectionProps>`
+const ReplySection = styled(Section)<ReplySectionProps>`
   border-left: 4px solid ${({ borderBG }) => borderBG || 'transparent'};
 `;