Release Note Channel: Mute/Unmute UI, hide UI elements

ts/components/conversation/ConversationHeader.tsx

@@ -47,6 +47,7 @@ function HeaderInfoTitle({
   type,
   i18n,
   isMe,
+  isSignalConversation,
   headerRef,
 }: {
   name: string | null;
@@ -54,8 +55,18 @@ function HeaderInfoTitle({
   type: ConversationTypeType;
   i18n: LocalizerType;
   isMe: boolean;
+  isSignalConversation: boolean;
   headerRef: React.RefObject<HTMLDivElement>;
 }) {
+  if (isSignalConversation) {
+    return (
+      <div className="module-ConversationHeader__header__info__title">
+        <UserText text={title} />
+        <span className="ContactModal__official-badge" />
+      </div>
+    );
+  }
+
   if (isMe) {
     return (
       <div className="module-ConversationHeader__header__info__title">
@@ -294,6 +305,7 @@ export const ConversationHeader = memo(function ConversationHeader({
               theme={theme}
               onViewUserStories={onViewUserStories}
               onViewConversationDetails={onViewConversationDetails}
+              isSignalConversation={isSignalConversation ?? false}
             />
             {!isSmsOnlyOrUnregistered && !isSignalConversation && (
               <OutgoingCallButtons
@@ -415,6 +427,7 @@ function HeaderContent({
   i18n,
   sharedGroupNames,
   theme,
+  isSignalConversation,
   onViewUserStories,
   onViewConversationDetails,
 }: {
@@ -425,6 +438,7 @@ function HeaderContent({
   i18n: LocalizerType;
   sharedGroupNames: ReadonlyArray<string>;
   theme: ThemeType;
+  isSignalConversation: boolean;
   onViewUserStories: () => void;
   onViewConversationDetails: () => void;
 }) {
@@ -476,6 +490,7 @@ function HeaderContent({
         type={conversation.type}
         i18n={i18n}
         isMe={conversation.isMe}
+        isSignalConversation={isSignalConversation}
         headerRef={headerRef}
       />
       {(conversation.expireTimer != null || conversation.isVerified) && (