feat(chat): add sent to attachment-header part for current user

Author: igdmdimitrov

src/components/chat/chat-message.ts

@@ -100,7 +100,7 @@ export default class IgcChatMessageComponent extends LitElement {
 
   private get defaultMessageActionsTemplate() {
     const isLastMessage = this.message === this._chatState?.messages.at(-1);
-    return this.message?.sender !== 'user' &&
+    return this.message?.sender !== this._chatState?.currentUserId &&
       this.message?.text.trim() &&
       (!isLastMessage || !this._chatState?.options?.isTyping)
       ? html`<div part="message-actions">

src/components/chat/message-attachments.ts

@@ -4,6 +4,7 @@ import { property } from 'lit/decorators.js';
 import IgcIconButtonComponent from '../button/icon-button.js';
 import { chatContext } from '../common/context.js';
 import { registerComponent } from '../common/definitions/register.js';
+import { partMap } from '../common/part-map.js';
 import IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';
 import IgcIconComponent from '../icon/icon.js';
 import { registerIconFromText } from '../icon/icon.registry.js';
@@ -173,14 +174,19 @@ export default class IgcMessageAttachmentsComponent extends LitElement {
   }
 
   private renderDefaultAttachmentsTemplate() {
+    const parts = {
+      'attachment-header': true,
+      sent: this.message?.sender === this._chatState?.currentUserId,
+    };
+
     return html`${this.message?.attachments?.map(
       (attachment) =>
         html`<div part="attachment">
           ${this.message?.sender === this._chatState?.currentUserId
             ? this.renderAttachmentContent(attachment)
             : nothing}
           <div
-            part="attachment-header"
+            part=${partMap(parts)}
             role="button"
             @click=${() => this.handleHeaderClick(attachment)}
           >