Group name spoofing warning

2021-06-01 18:30:25 -05:00 · 2021-06-01 18:30:25 -05:00 · 36c15fead4
commit 36c15fead4
parent 51b45ab275
20 changed files with 1312 additions and 215 deletions
--- a/ts/components/conversation/RemoveGroupMemberConfirmationDialog.tsx
+++ b/ts/components/conversation/RemoveGroupMemberConfirmationDialog.tsx
@ -0,0 +1,52 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React, { FunctionComponent } from 'react';
+
+import { ConversationType } from '../../state/ducks/conversations';
+import { LocalizerType } from '../../types/Util';
+
+import { ConfirmationDialog } from '../ConfirmationDialog';
+import { Intl } from '../Intl';
+import { ContactName } from './ContactName';
+
+type PropsType = {
+  conversation: ConversationType;
+  i18n: LocalizerType;
+  onClose: () => void;
+  onRemove: () => void;
+};
+
+export const RemoveGroupMemberConfirmationDialog: FunctionComponent<PropsType> = ({
+  conversation,
+  i18n,
+  onClose,
+  onRemove,
+}) => (
+  <ConfirmationDialog
+    actions={[
+      {
+        action: onRemove,
+        text: i18n('RemoveGroupMemberConfirmation__remove-button'),
+        style: 'negative',
+      },
+    ]}
+    i18n={i18n}
+    onClose={onClose}
+    title={
+      <Intl
+        i18n={i18n}
+        id="RemoveGroupMemberConfirmation__description"
+        components={{
+          name: (
+            <ContactName
+              firstName={conversation.firstName}
+              i18n={i18n}
+              title={conversation.title}
+            />
+          ),
+        }}
+      />
+    }
+  />
+);