Merge delete for me/everyone into one modal

ts/components/DeleteMessagesModal.tsx

@@ -0,0 +1,76 @@
+// Copyright 2023 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import type { ActionSpec } from './ConfirmationDialog';
+import { ConfirmationDialog } from './ConfirmationDialog';
+import type { LocalizerType } from '../types/Util';
+import type { ShowToastAction } from '../state/ducks/toast';
+import { ToastType } from '../types/Toast';
+
+type DeleteMessagesModalProps = Readonly<{
+  canDeleteForEveryone: boolean;
+  i18n: LocalizerType;
+  messageCount: number;
+  onClose: () => void;
+  onDeleteForMe: () => void;
+  onDeleteForEveryone: () => void;
+  showToast: ShowToastAction;
+}>;
+
+const MAX_DELETE_FOR_EVERYONE = 30;
+
+export default function DeleteMessagesModal({
+  canDeleteForEveryone,
+  i18n,
+  messageCount,
+  onClose,
+  onDeleteForMe,
+  onDeleteForEveryone,
+  showToast,
+}: DeleteMessagesModalProps): JSX.Element {
+  const actions: Array<ActionSpec> = [];
+
+  actions.push({
+    action: onDeleteForMe,
+    style: 'negative',
+    text: i18n('icu:DeleteMessagesModal--deleteForMe'),
+  });
+
+  if (canDeleteForEveryone) {
+    const tooManyMessages = messageCount > MAX_DELETE_FOR_EVERYONE;
+    actions.push({
+      'aria-disabled': tooManyMessages,
+      autoClose: !tooManyMessages,
+      action: () => {
+        if (tooManyMessages) {
+          showToast({
+            toastType: ToastType.TooManyMessagesToDeleteForEveryone,
+            parameters: { count: MAX_DELETE_FOR_EVERYONE },
+          });
+        } else {
+          onDeleteForEveryone();
+        }
+      },
+      style: 'negative',
+      text: i18n('icu:DeleteMessagesModal--deleteForEveryone'),
+    });
+  }
+
+  return (
+    <ConfirmationDialog
+      actions={actions}
+      dialogName="ConfirmDeleteForMeModal"
+      i18n={i18n}
+      onClose={onClose}
+      title={i18n('icu:DeleteMessagesModal--title', {
+        count: messageCount,
+      })}
+      moduleClassName="DeleteMessagesModal"
+    >
+      {i18n('icu:DeleteMessagesModal--description', {
+        count: messageCount,
+      })}
+    </ConfirmationDialog>
+  );
+}