Notifications for a few merge-related scenarios

ts/components/conversation/PhoneNumberDiscoveryNotification.tsx

@@ -0,0 +1,32 @@
+// Copyright 2022 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+
+import type { LocalizerType } from '../../types/Util';
+import { SystemMessage } from './SystemMessage';
+import { Emojify } from './Emojify';
+import { getStringForPhoneNumberDiscovery } from '../../util/getStringForPhoneNumberDiscovery';
+
+export type PropsDataType = {
+  conversationTitle: string;
+  phoneNumber: string;
+  sharedGroup?: string;
+};
+export type PropsType = PropsDataType & {
+  i18n: LocalizerType;
+};
+
+export function PhoneNumberDiscoveryNotification(
+  props: PropsType
+): JSX.Element {
+  const { conversationTitle, i18n, sharedGroup, phoneNumber } = props;
+  const message = getStringForPhoneNumberDiscovery({
+    conversationTitle,
+    i18n,
+    phoneNumber,
+    sharedGroup,
+  });
+
+  return <SystemMessage icon="profile" contents={<Emojify text={message} />} />;
+}