From ef7449e4ffe8542e2209e9e302c7640b067731f2 Mon Sep 17 00:00:00 2001
From: SandipBajracharya <sndp106.sb@gmail.com>
Date: Thu, 2 Apr 2026 12:01:54 +0545
Subject: [PATCH] fix(OUT-3501): fix deleted parent comment avatar size
 mismatch

The CopilotAvatar icon branch rendered a default MUI Avatar (40x40px)
while normal comment avatars use AssemblyAvatar xs size (20x20px).
This caused deleted parent comments to appear out of place. Map the
size prop to correct pixel dimensions for the icon avatar variant.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/detail/ui/Comments.tsx         | 4 ++--
 src/components/atoms/CopilotAvatar.tsx | 8 +++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app/detail/ui/Comments.tsx b/src/app/detail/ui/Comments.tsx
index ed8369f60..ed16bf7b0 100644
--- a/src/app/detail/ui/Comments.tsx
+++ b/src/app/detail/ui/Comments.tsx
@@ -1,6 +1,5 @@
 import { CopilotAvatar } from '@/components/atoms/CopilotAvatar'
 import { CommentCard } from '@/components/cards/CommentCard'
-import { TrashIcon2 } from '@/icons'
 import { selectTaskBoard } from '@/redux/features/taskBoardSlice'
 import { CreateComment } from '@/types/dto/comment.dto'
 import { OptimisticUpdate } from '@/utils/optimisticCommentUtils'
@@ -8,6 +7,7 @@ import { LogResponse } from '@api/activity-logs/schemas/LogResponseSchema'
 import { Stack } from '@mui/material'
 import { useSelector } from 'react-redux'
 import { VerticalLine } from './styledComponent'
+import { Icon } from 'copilot-design-system'
 
 interface Prop {
   token: string
@@ -32,7 +32,7 @@ export const Comments = ({ token, comment, createComment, deleteComment, task_id
           style={{
             marginTop: '8px',
           }}
-          icon={comment.details.deletedAt ? <TrashIcon2 /> : undefined}
+          icon={comment.details.deletedAt ? <Icon icon="Trash" width={10} height={10} /> : undefined}
         />
 
         <CommentCard
diff --git a/src/components/atoms/CopilotAvatar.tsx b/src/components/atoms/CopilotAvatar.tsx
index 0536de6b0..b33c7645a 100644
--- a/src/components/atoms/CopilotAvatar.tsx
+++ b/src/components/atoms/CopilotAvatar.tsx
@@ -33,8 +33,14 @@ export const CopilotAvatar = ({ currentAssignee, alt, size = 'sm', icon, classNa
   }, [currentAssignee?.name, currentAssignee?.familyName, currentAssignee?.givenName])
 
   if (icon) {
+    const sizeMap: Record<string, number> = { '3xs': 12, '2xs': 16, xs: 20 }
+    const dimension = sizeMap[size]
     return (
-      <Avatar sx={avatarSx} variant={avatarVariant}>
+      <Avatar
+        sx={{ ...avatarSx, ...(dimension ? { width: dimension, height: dimension } : {}) }}
+        variant={avatarVariant}
+        style={style}
+      >
         {icon}
       </Avatar>
     )