From 07a435a1bc03e930fc29a5639e13d3ba5a0a5dde Mon Sep 17 00:00:00 2001
From: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>
Date: Tue, 13 Feb 2024 13:57:45 -0800
Subject: [PATCH] Consistent display of E164 on some dialogs

---
 stylesheets/components/ConversationDetailsHeader.scss |  3 +--
 ts/components/conversation/ContactModal.tsx           |  3 ---
 .../ConversationDetailsHeader.tsx                     | 11 +++--------
 3 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/stylesheets/components/ConversationDetailsHeader.scss b/stylesheets/components/ConversationDetailsHeader.scss
index 09f8377cf..282c6ea85 100644
--- a/stylesheets/components/ConversationDetailsHeader.scss
+++ b/stylesheets/components/ConversationDetailsHeader.scss
@@ -39,8 +39,7 @@
       color: $color-gray-25;
     }
 
-    &__about,
-    &__phone-number {
+    &__about {
       user-select: text;
     }
   }
diff --git a/ts/components/conversation/ContactModal.tsx b/ts/components/conversation/ContactModal.tsx
index 781c669ed..0fb3443d8 100644
--- a/ts/components/conversation/ContactModal.tsx
+++ b/ts/components/conversation/ContactModal.tsx
@@ -224,9 +224,6 @@ export function ContactModal({
             <div className="module-about__container">
               <About text={contact.about} />
             </div>
-            {contact.phoneNumber && (
-              <div className="ContactModal__info">{contact.phoneNumber}</div>
-            )}
             {!contact.isMe && (
               <div className="ContactModal__info">
                 <SharedGroupNames
diff --git a/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx b/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx
index 6788f9b05..450e61dc6 100644
--- a/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx
+++ b/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx
@@ -74,14 +74,9 @@ export function ConversationDetailsHeader({
     }
   } else if (!isMe) {
     subtitle = (
-      <>
-        <div className="ConversationDetailsHeader__subtitle__about">
-          <About text={conversation.about} />
-        </div>
-        <div className="ConversationDetailsHeader__subtitle__phone-number">
-          {conversation.phoneNumber}
-        </div>
-      </>
+      <div className="ConversationDetailsHeader__subtitle__about">
+        <About text={conversation.about} />
+      </div>
     );
     preferredBadge = badges?.[0];
   }