feat: removed old disappearing message display from header

show disappearing message screen when clicking the correct option

stylesheets/_modules.scss

@@ -366,27 +366,6 @@
   }
 }
 
-.module-conversation-header__expiration {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  flex-shrink: 0;
-}
-
-.module-conversation-header__expiration__clock-icon {
-  @include color-svg('../images/timer.svg', var(--button-icon-stroke-color));
-  height: 20px;
-  width: 20px;
-  display: inline-block;
-}
-
-.module-conversation-header__expiration__setting {
-  margin-inline-start: 5px;
-  text-align: center;
-}
-
 // Module: Message Detail
 
 .module-message-detail {

ts/components/conversation/ConversationHeader.tsx

@@ -33,12 +33,7 @@ import {
 } from '../../state/ducks/conversations';
 import { callRecipient } from '../../interactions/conversationInteractions';
 import { getHasIncomingCall, getHasOngoingCall } from '../../state/selectors/call';
-import {
-  useConversationUsername,
-  useExpireTimer,
-  useIsKickedFromGroup,
-  useIsRequest,
-} from '../../hooks/useParamSelector';
+import { useConversationUsername, useIsRequest } from '../../hooks/useParamSelector';
 import {
   SessionButton,
   SessionButtonColor,
@@ -52,6 +47,7 @@ import {
   DisappearingMessageConversationType,
   ExpirationTimerOptions,
 } from '../../util/expiringMessages';
+import { setRightOverlayMode } from '../../state/ducks/section';
 
 export interface TimerOption {
   name: string;
@@ -171,26 +167,6 @@ const TripleDotsMenu = (props: { triggerId: string; showBackButton: boolean }) =
   );
 };
 
-const ExpirationLength = (props: { expirationSettingName?: string }) => {
-  const { expirationSettingName } = props;
-
-  if (!expirationSettingName) {
-    return null;
-  }
-
-  return (
-    <div className="module-conversation-header__expiration">
-      <div className="module-conversation-header__expiration__clock-icon" />
-      <div
-        className="module-conversation-header__expiration__setting"
-        data-testid="disappearing-messages-indicator"
-      >
-        {expirationSettingName}
-      </div>
-    </div>
-  );
-};
-
 const AvatarHeader = (props: {
   pubkey: string;
   showBackButton: boolean;
@@ -417,13 +393,18 @@ const ConversationHeaderTitle = () => {
   return (
     <div
       className="module-conversation-header__title"
-      // onClick={() => {
-      //   if (isRightPanelOn) {
-      //     dispatch(closeRightPanel());
-      //   } else {
-      //     dispatch(openRightPanel());
-      //   }
-      // }}
+      onClick={() => {
+        if (isRightPanelOn) {
+          dispatch(closeRightPanel());
+        } else {
+          if (visibleTitleIndex === 2) {
+            dispatch(setRightOverlayMode('disappearing-messages'));
+          } else {
+            dispatch(setRightOverlayMode('panel-settings'));
+          }
+          dispatch(openRightPanel());
+        }
+      }}
       role="button"
     >
       <span className="module-contact-name__profile-name" data-testid="header-conversation-name">
@@ -491,12 +472,6 @@ export const ConversationHeaderWithDetails = () => {
     return null;
   }
 
-  const isKickedFromGroup = useIsKickedFromGroup(selectedConvoKey);
-  const expireTimerSetting = useExpireTimer(selectedConvoKey);
-  const expirationSettingName = expireTimerSetting
-    ? ExpirationTimerOptions.getName(expireTimerSetting || 0)
-    : undefined;
-
   const triggerId = 'conversation-header';
 
   return (
@@ -524,9 +499,6 @@ export const ConversationHeaderWithDetails = () => {
             flexGrow={0}
             flexShrink={0}
           >
-            {!isKickedFromGroup && (
-              <ExpirationLength expirationSettingName={expirationSettingName} />
-            )}
             <CallButton />
             <AvatarHeader
               onAvatarClick={() => {