fix: Custom attachment list ignored inside quoted message

Author: szuperaz

projects/stream-chat-angular/src/lib/message/message.component.html

@@ -384,15 +384,31 @@
       [user]="message?.quoted_message?.user || undefined"
     ></stream-avatar-placeholder>
     <div class="quoted-message-inner">
-      <stream-attachment-list
+      <ng-container
         *ngIf="
           message?.quoted_message?.attachments &&
           message?.quoted_message?.attachments?.length
         "
-        [attachments]="quotedMessageAttachments"
-        [messageId]="message?.quoted_message?.id"
-        [parentMessageId]="message?.quoted_message?.parent_id"
-      ></stream-attachment-list>
+      >
+        <ng-template
+          #defaultAttachments
+          let-messageId="messageId"
+          let-attachments="attachments"
+          let-parentMessageId="parentMessageId"
+        >
+          <stream-attachment-list
+            [messageId]="messageId"
+            [attachments]="attachments"
+            [parentMessageId]="parentMessageId"
+          ></stream-attachment-list>
+        </ng-template>
+        <ng-container
+          *ngTemplateOutlet="
+            attachmentListTemplate || defaultAttachments;
+            context: getQuotedMessageAttachmentListContext()
+          "
+        ></ng-container>
+      </ng-container>
       <div
         data-testid="quoted-message-text"
         [innerHTML]="

projects/stream-chat-angular/src/lib/message/message.component.spec.ts

@@ -563,7 +563,7 @@ describe('MessageComponent', () => {
       ...message,
       ...{ attachments },
     };
-    component.message!.parent_id = 'parent-id';
+    component.message.parent_id = 'parent-id';
     fixture.detectChanges();
     const attachmentComponent = queryAttachmentComponent();
 

projects/stream-chat-angular/src/lib/message/message.component.ts

@@ -213,6 +213,14 @@ export class MessageComponent implements OnInit, OnChanges, OnDestroy {
     };
   }
 
+  getQuotedMessageAttachmentListContext(): AttachmentListContext {
+    return {
+      messageId: this.message?.quoted_message?.id || '',
+      attachments: this.quotedMessageAttachments,
+      parentMessageId: this?.message?.quoted_message?.parent_id,
+    };
+  }
+
   getMessageReactionsContext(): MessageReactionsContext {
     return {
       messageReactionCounts: this.message?.reaction_counts || {},