feat: Remove a group from conversation list after leaving it

src/i18n/en-US.json

@@ -437,6 +437,7 @@
   "conversationDetailsActionDevices": "Devices",
   "conversationDetailsActionGuestOptions": "Guests",
   "conversationDetailsActionLeave": "Leave group",
+  "conversationDetailsActionRemove": "Remove group",
   "conversationDetailsActionNotifications": "Notifications",
   "conversationDetailsActionServicesOptions": "Services",
   "conversationDetailsActionTimedMessages": "Self-deleting messages",
@@ -1057,6 +1058,9 @@
   "modalConversationRemoveGuestsOrServicesAction": "Disable",
   "modalConversationRemoveHeadline": "Remove?",
   "modalConversationRemoveMessage": "{{user}} won’t be able to send or receive messages in this conversation.",
+  "modalConversationRemoveGroupAction": "Remove",
+  "modalConversationRemoveGroupHeadline": "Remove group conversation?",
+  "modalConversationRemoveGroupMessage": "This will delete the group on this device. There is no option to restore the content.",
   "modalConversationRemoveServicesHeadline": "Disable services access?",
   "modalConversationRemoveServicesMessage": "Current services will be removed from the conversation. New services will not be allowed.",
   "modalConversationRevokeLinkAction": "Revoke link",

src/script/conversation/ConversationRepository.ts

@@ -1127,7 +1127,7 @@ export class ConversationRepository {
     }
   }
 
-  private readonly deleteConversationLocally = async (conversationId: QualifiedId, skipNotification: boolean) => {
+  public readonly deleteConversationLocally = async (conversationId: QualifiedId, skipNotification: boolean) => {
     const conversationEntity = this.conversationState.findConversation(conversationId);
     if (!conversationEntity) {
       return;

src/script/entity/Conversation.ts

@@ -373,7 +373,7 @@ export class Conversation {
       }
     });
 
-    this.isCreatedBySelf = ko.pureComputed(() => this.selfUser().id === this.creator && !this.isSelfUserRemoved());
+    this.isCreatedBySelf = ko.pureComputed(() => this.selfUser()?.id === this.creator && !this.isSelfUserRemoved());
 
     this.showNotificationsEverything = ko.pureComputed(() => {
       return this.notificationState() === NOTIFICATION_STATE.EVERYTHING;

src/script/page/RightSidebar/ConversationDetails/utils/getConversationActions.ts

@@ -163,6 +163,15 @@ const getConversationActions = ({
         label: t('conversationDetailsActionDelete'),
       },
     },
+    {
+      condition: conversationEntity.isGroup() && conversationEntity.isSelfUserRemoved(),
+      item: {
+        click: async () => actionsViewModel.removeConversation(conversationEntity),
+        Icon: Icon.CloseIcon,
+        identifier: 'do-remove',
+        label: t('conversationDetailsActionRemove'),
+      },
+    },
   ];
 
   return allMenuElements.filter(menuElement => menuElement.condition).map(menuElement => menuElement.item);

src/script/view_model/ActionsViewModel.ts

@@ -321,6 +321,25 @@ export class ActionsViewModel {
     return Promise.reject();
   };
 
+  readonly removeConversation = (conversationEntity: Conversation): Promise<void> => {
+    if (conversationEntity.isGroup() && conversationEntity.isSelfUserRemoved()) {
+      return new Promise(() => {
+        PrimaryModal.show(PrimaryModal.type.CONFIRM, {
+          primaryAction: {
+            action: () => this.conversationRepository.deleteConversationLocally(conversationEntity, true),
+            text: t('modalConversationRemoveGroupAction'),
+          },
+          text: {
+            message: t('modalConversationRemoveGroupMessage'),
+            title: t('modalConversationRemoveGroupHeadline'),
+          },
+        });
+      });
+    }
+
+    return Promise.reject();
+  };
+
   getConversationById = async (conversation: QualifiedId): Promise<Conversation> => {
     return this.conversationRepository.getConversationById(conversation);
   };