Reduce code and markup discrepancies on reply indicator

ClearlyClaire · Nov 16, 2023 · b9f86e3 · b9f86e3
1 parent e023acf
commit b9f86e3
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/app/javascript/flavours/glitch/features/compose/components/reply_indicator.jsx b/app/javascript/flavours/glitch/features/compose/components/reply_indicator.jsx
@@ -35,38 +35,38 @@ class ReplyIndicator extends ImmutablePureComponent {
       return null;
     }
 
+    const content = { __html: status.get('contentHtml') };
+
     const account     = status.get('account');
-    const content     = status.get('content');
-    const attachments = status.get('media_attachments');
 
     return (
-      <article className='reply-indicator'>
-        <header className='reply-indicator__header'>
+      <div className='reply-indicator'>
+        <div className='reply-indicator__header'>
           <IconButton
             className='reply-indicator__cancel'
             icon='times'
             onClick={this.handleClick}
             title={intl.formatMessage(messages.cancel)}
             inverted
           />
+
           {account && (
             <AccountContainer
               id={account}
               small
             />
           )}
-        </header>
-        <div
-          className='reply-indicator__content translate'
-          dangerouslySetInnerHTML={{ __html: content || '' }}
-        />
-        {attachments.size > 0 && (
+        </div>
+
+        <div className='reply-indicator__content translate' dangerouslySetInnerHTML={content} />
+
+        {status.get('media_attachments').size > 0 && (
           <AttachmentList
             compact
-            media={attachments}
+            media={status.get('media_attachments')}
           />
         )}
-      </article>
+      </div>
     );
   }