From 88059771c03d041eb0b7e5e1b9b4ed83210535c1 Mon Sep 17 00:00:00 2001
From: automated-signal <37887102+automated-signal@users.noreply.github.com>
Date: Wed, 26 Jun 2024 12:17:13 -0500
Subject: [PATCH] Calls Tab: Show proper color in all default avatars

Co-authored-by: Scott Nonnenberg <scott@signal.org>
---
 ts/components/CallsList.tsx |  1 +
 ts/util/callLinks.ts        | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/ts/components/CallsList.tsx b/ts/components/CallsList.tsx
index 0871319bf9..c432713a85 100644
--- a/ts/components/CallsList.tsx
+++ b/ts/components/CallsList.tsx
@@ -790,6 +790,7 @@ export function CallsList({
               <Avatar
                 acceptedMessageRequest
                 avatarPath={conversation.avatarPath}
+                color={conversation.color}
                 conversationType={conversation.type}
                 i18n={i18n}
                 isMe={false}
diff --git a/ts/util/callLinks.ts b/ts/util/callLinks.ts
index 4d710d696c..a75fbda4c5 100644
--- a/ts/util/callLinks.ts
+++ b/ts/util/callLinks.ts
@@ -30,6 +30,7 @@ import {
 } from '../types/CallLink';
 import type { LocalizerType } from '../types/Util';
 import { isTestOrMockEnvironment } from '../environment';
+import { AvatarColors } from '../types/Colors';
 
 export const CALL_LINK_DEFAULT_STATE = {
   name: '',
@@ -92,10 +93,11 @@ export function callLinkToConversation(
   callLink: CallLinkType,
   i18n: LocalizerType
 ): CallLinkConversationType {
-  const { roomId, name } = callLink;
+  const { roomId, name, rootKey } = callLink;
   return {
     id: roomId,
     type: 'callLink',
+    color: getColorForCallLink(rootKey),
     isMe: false,
     title: name || i18n('icu:calling__call-link-default-title'),
     sharedGroupNames: [],
@@ -103,6 +105,21 @@ export function callLinkToConversation(
     badges: [],
   };
 }
+// See https://github.com/signalapp/ringrtc/blob/49b4b8a16f997c7fa9a429e96aa83f80b2065c63/src/rust/src/lite/call_links/base16.rs#L8
+const BASE_16_CONSONANT_ALPHABET = 'bcdfghkmnpqrstxz';
+
+// See https://github.com/signalapp/ringrtc/blob/49b4b8a16f997c7fa9a429e96aa83f80b2065c63/src/rust/src/lite/call_links/base16.rs#L127-L139
+export function getColorForCallLink(rootKey: string): string {
+  const rootKeyStart = rootKey.slice(0, 2);
+
+  const upper = BASE_16_CONSONANT_ALPHABET.indexOf(rootKeyStart[0]) || 0 * 16;
+  const lower = BASE_16_CONSONANT_ALPHABET.indexOf(rootKeyStart[1]) || 0;
+  const firstByte = upper + lower;
+
+  const index = firstByte % 12;
+
+  return AvatarColors[index];
+}
 
 export function getPlaceholderCallLinkConversation(
   roomId: string,