Notifications for a few merge-related scenarios

ts/components/conversation/ConversationMergeNotification.stories.tsx

@@ -0,0 +1,35 @@
+// Copyright 2020-2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import * as React from 'react';
+
+import { setupI18n } from '../../util/setupI18n';
+import enMessages from '../../../_locales/en/messages.json';
+import type { PropsType } from './ConversationMergeNotification';
+import { ConversationMergeNotification } from './ConversationMergeNotification';
+
+const i18n = setupI18n('en', enMessages);
+
+export default {
+  title: 'Components/Conversation/ConversationMergeNotification',
+};
+
+const createProps = (overrideProps: Partial<PropsType> = {}): PropsType => ({
+  i18n,
+  conversationTitle: overrideProps.conversationTitle || 'John Fire',
+  obsoleteConversationTitle:
+    overrideProps.obsoleteConversationTitle || '(555) 333-1111',
+});
+
+export function Basic(): JSX.Element {
+  return <ConversationMergeNotification {...createProps()} />;
+}
+
+export function WithNoObsoleteTitle(): JSX.Element {
+  return (
+    <ConversationMergeNotification
+      {...createProps()}
+      obsoleteConversationTitle={undefined}
+    />
+  );
+}