From 80689bbe228ca64505f4f2b234bb2fdb9be01d7a Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Mon, 24 Apr 2023 15:49:47 +1000
Subject: [PATCH] feat: voice message reply done

---
 .../SessionQuotedMessageComposition.tsx       | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/ts/components/conversation/SessionQuotedMessageComposition.tsx b/ts/components/conversation/SessionQuotedMessageComposition.tsx
index 6571f1592..af8cc4af2 100644
--- a/ts/components/conversation/SessionQuotedMessageComposition.tsx
+++ b/ts/components/conversation/SessionQuotedMessageComposition.tsx
@@ -93,16 +93,22 @@ export const SessionQuotedMessageComposition = () => {
         alignItems={'center'}
         hasAttachments={hasAttachments}
       >
-        {firstImageAttachment && (
+        {hasAttachments && (
           <StyledImage>
-            <Image
-              alt={getAlt(firstImageAttachment)}
-              attachment={firstImageAttachment}
-              height={100}
-              width={100}
-              url={getAbsoluteAttachmentPath((firstImageAttachment as any).thumbnail.path)}
-              softCorners={false}
-            />
+            {firstImageAttachment ? (
+              <Image
+                alt={getAlt(firstImageAttachment)}
+                attachment={firstImageAttachment}
+                height={100}
+                width={100}
+                url={getAbsoluteAttachmentPath((firstImageAttachment as any).thumbnail.path)}
+                softCorners={false}
+              />
+            ) : hasAudioAttachment ? (
+              <div style={{ margin: '0 var(--margins-xs) 0 0' }}>
+                <SessionIcon iconType="microphone" iconSize="huge" />
+              </div>
+            ) : null}
           </StyledImage>
         )}
         <StyledText
@@ -114,8 +120,6 @@ export const SessionQuotedMessageComposition = () => {
           <p>{author}</p>
           {subtitleText && <Subtle>{subtitleText}</Subtle>}
         </StyledText>
-
-        {hasAudioAttachment && <SessionIcon iconType="microphone" iconSize="huge" />}
       </QuotedMessageCompositionReply>
       <SessionIconButton
         iconType="exit"