From ed47967c7f3da9a74ca488c02ab6a11a87f01cac Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Tue, 20 Aug 2024 16:13:09 -0700
Subject: [PATCH] Style create call link icon like chat tab buttons

---
 stylesheets/components/ComposeStepButton.scss | 11 +++++++++++
 ts/components/CallsList.tsx                   | 12 +-----------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/stylesheets/components/ComposeStepButton.scss b/stylesheets/components/ComposeStepButton.scss
index 48d35f6ad..8bb8b5db9 100644
--- a/stylesheets/components/ComposeStepButton.scss
+++ b/stylesheets/components/ComposeStepButton.scss
@@ -34,6 +34,17 @@
       }
     }
 
+    // Calls Tab avatars are 36px
+    &--call-link {
+      width: 36px;
+      height: 36px;
+      border-radius: 9999px;
+    }
+
+    &--call-link::before {
+      -webkit-mask-image: url('../images/icons/v3/link/link.svg');
+    }
+
     &--group::before {
       -webkit-mask-image: url('../images/icons/v3/group/group.svg');
     }
diff --git a/ts/components/CallsList.tsx b/ts/components/CallsList.tsx
index 3e9f8c016..aa031f6c1 100644
--- a/ts/components/CallsList.tsx
+++ b/ts/components/CallsList.tsx
@@ -683,17 +683,7 @@ export function CallsList({
                 </span>
               }
               leading={
-                <Avatar
-                  acceptedMessageRequest
-                  conversationType="callLink"
-                  i18n={i18n}
-                  isMe={false}
-                  title=""
-                  sharedGroupNames={[]}
-                  size={AvatarSize.THIRTY_SIX}
-                  badge={undefined}
-                  className="CallsList__ItemAvatar"
-                />
+                <i className="ComposeStepButton__icon ComposeStepButton__icon--call-link" />
               }
               onClick={onCreateCallLink}
             />