Default disappearing message timeout fixes

ts/components/leftPane/LeftPaneSetGroupMetadataHelper.tsx

@@ -6,6 +6,7 @@ import React, { ReactChild } from 'react';
 import { LeftPaneHelper } from './LeftPaneHelper';
 import { Row, RowType } from '../ConversationList';
 import { PropsDataType as ContactListItemPropsType } from '../conversationList/ContactListItem';
+import { DisappearingTimerSelect } from '../DisappearingTimerSelect';
 import { LocalizerType } from '../../types/Util';
 import { AvatarInput } from '../AvatarInput';
 import { Alert } from '../Alert';
@@ -16,6 +17,7 @@ import { GroupTitleInput } from '../GroupTitleInput';
 export type LeftPaneSetGroupMetadataPropsType = {
   groupAvatar: undefined | ArrayBuffer;
   groupName: string;
+  groupExpireTimer: number;
   hasError: boolean;
   isCreating: boolean;
   selectedContacts: ReadonlyArray<ContactListItemPropsType>;
@@ -28,6 +30,8 @@ export class LeftPaneSetGroupMetadataHelper extends LeftPaneHelper<LeftPaneSetGr
 
   private readonly groupName: string;
 
+  private readonly groupExpireTimer: number;
+
   private readonly hasError: boolean;
 
   private readonly isCreating: boolean;
@@ -37,6 +41,7 @@ export class LeftPaneSetGroupMetadataHelper extends LeftPaneHelper<LeftPaneSetGr
   constructor({
     groupAvatar,
     groupName,
+    groupExpireTimer,
     isCreating,
     hasError,
     selectedContacts,
@@ -45,6 +50,7 @@ export class LeftPaneSetGroupMetadataHelper extends LeftPaneHelper<LeftPaneSetGr
 
     this.groupAvatar = groupAvatar;
     this.groupName = groupName;
+    this.groupExpireTimer = groupExpireTimer;
     this.hasError = hasError;
     this.isCreating = isCreating;
     this.selectedContacts = selectedContacts;
@@ -89,12 +95,14 @@ export class LeftPaneSetGroupMetadataHelper extends LeftPaneHelper<LeftPaneSetGr
     createGroup,
     i18n,
     setComposeGroupAvatar,
+    setComposeGroupExpireTimer,
     setComposeGroupName,
   }: Readonly<{
     clearGroupCreationError: () => unknown;
     createGroup: () => unknown;
     i18n: LocalizerType;
     setComposeGroupAvatar: (_: undefined | ArrayBuffer) => unknown;
+    setComposeGroupExpireTimer: (_: number) => void;
     setComposeGroupName: (_: string) => unknown;
   }>): ReactChild {
     const disabled = this.isCreating;
@@ -128,6 +136,17 @@ export class LeftPaneSetGroupMetadataHelper extends LeftPaneHelper<LeftPaneSetGr
           value={this.groupName}
         />
 
+        <section className="module-left-pane__header__form__expire-timer">
+          <div className="module-left-pane__header__form__expire-timer__label">
+            {i18n('disappearingMessages')}
+          </div>
+          <DisappearingTimerSelect
+            i18n={i18n}
+            value={this.groupExpireTimer}
+            onChange={setComposeGroupExpireTimer}
+          />
+        </section>
+
         {this.hasError && (
           <Alert
             body={i18n('setGroupMetadata__error-message')}