Don't pass full group to spoofing review dialog

ts/components/conversation/ContactSpoofingReviewDialog.stories.tsx

@@ -23,7 +23,7 @@ const story = storiesOf(
 const getCommonProps = () => ({
   getPreferredBadge: () => undefined,
   i18n,
-  group: getDefaultConversation(),
+  groupConversationId: 'convo-id',
   onBlock: action('onBlock'),
   onBlockAndReportSpam: action('onBlockAndReportSpam'),
   onClose: action('onClose'),

ts/components/conversation/ContactSpoofingReviewDialog.tsx

@@ -24,7 +24,7 @@ import { assert } from '../../util/assert';
 import { missingCaseError } from '../../util/missingCaseError';
 import { isInSystemContacts } from '../../util/isInSystemContacts';
 
-type PropsType = {
+export type PropsType = {
   getPreferredBadge: PreferredBadgeSelectorType;
   i18n: LocalizerType;
   onBlock: (conversationId: string) => unknown;

ts/components/conversation/Timeline.stories.tsx

@@ -15,8 +15,10 @@ import type { PropsType } from './Timeline';
 import { Timeline } from './Timeline';
 import type { TimelineItemType } from './TimelineItem';
 import { TimelineItem } from './TimelineItem';
+import { ContactSpoofingReviewDialog } from './ContactSpoofingReviewDialog';
 import { StorybookThemeContext } from '../../../.storybook/StorybookThemeContext';
 import { ConversationHero } from './ConversationHero';
+import type { PropsType as SmartContactSpoofingReviewDialogPropsType } from '../../state/smart/ContactSpoofingReviewDialog';
 import { getDefaultConversation } from '../../test-both/helpers/getDefaultConversation';
 import { getRandomColor } from '../../test-both/helpers/getRandomColor';
 import { TypingBubble } from './TypingBubble';
@@ -453,6 +455,24 @@ const renderItem = ({
   />
 );
 
+const renderContactSpoofingReviewDialog = (
+  props: SmartContactSpoofingReviewDialogPropsType
+) => {
+  if (props.type === ContactSpoofingType.MultipleGroupMembersWithSameTitle) {
+    return (
+      <ContactSpoofingReviewDialog
+        {...props}
+        group={{
+          ...getDefaultConversation(),
+          areWeAdmin: true,
+        }}
+      />
+    );
+  }
+
+  return <ContactSpoofingReviewDialog {...props} />;
+};
+
 const getAbout = () => text('about', '👍 Free to chat');
 const getTitle = () => text('name', 'Cayce Bollard');
 const getName = () => text('name', 'Cayce Bollard');
@@ -502,7 +522,6 @@ const renderTypingBubble = () => (
 );
 
 const useProps = (overrideProps: Partial<PropsType> = {}): PropsType => ({
-  conversation: overrideProps.conversation || getDefaultConversation(),
   discardMessages: action('discardMessages'),
   getPreferredBadge: () => undefined,
   i18n,
@@ -531,6 +550,7 @@ const useProps = (overrideProps: Partial<PropsType> = {}): PropsType => ({
   renderItem,
   renderHeroRow,
   renderTypingBubble,
+  renderContactSpoofingReviewDialog,
   isSomeoneTyping: overrideProps.isSomeoneTyping || false,
 
   ...actions(),

ts/components/conversation/Timeline.tsx

@@ -29,7 +29,7 @@ import { TimelineWarning } from './TimelineWarning';
 import { TimelineWarnings } from './TimelineWarnings';
 import { NewlyCreatedGroupInvitedContactsDialog } from '../NewlyCreatedGroupInvitedContactsDialog';
 import { ContactSpoofingType } from '../../util/contactSpoofing';
-import { ContactSpoofingReviewDialog } from './ContactSpoofingReviewDialog';
+import type { PropsType as SmartContactSpoofingReviewDialogPropsType } from '../../state/smart/ContactSpoofingReviewDialog';
 import type { GroupNameCollisionsWithIdsByTitle } from '../../util/groupMemberNameCollisions';
 import { hasUnacknowledgedCollisions } from '../../util/groupMemberNameCollisions';
 import { TimelineFloatingHeader } from './TimelineFloatingHeader';
@@ -95,7 +95,6 @@ export type PropsDataType = {
 
 type PropsHousekeepingType = {
   id: string;
-  conversation: ConversationType;
   isConversationSelected: boolean;
   isGroupV1AndDisabled?: boolean;
   isIncomingMessageRequest: boolean;
@@ -133,6 +132,9 @@ type PropsHousekeepingType = {
     updateSharedGroups: () => unknown
   ) => JSX.Element;
   renderTypingBubble: (id: string) => JSX.Element;
+  renderContactSpoofingReviewDialog: (
+    props: SmartContactSpoofingReviewDialogPropsType
+  ) => JSX.Element;
 };
 
 export type PropsActionsType = {
@@ -764,7 +766,6 @@ export class Timeline extends React.Component<
       clearInvitedUuidsForNewlyCreatedGroup,
       closeContactSpoofingReview,
       contactSpoofingReview,
-      conversation,
       getPreferredBadge,
       getTimestampForMessage,
       haveNewest,
@@ -786,6 +787,7 @@ export class Timeline extends React.Component<
       renderHeroRow,
       renderItem,
       renderTypingBubble,
+      renderContactSpoofingReviewDialog,
       reviewGroupMemberNameCollision,
       reviewMessageRequestNameCollision,
       showContactModal,
@@ -1029,26 +1031,21 @@ export class Timeline extends React.Component<
 
       switch (contactSpoofingReview.type) {
         case ContactSpoofingType.DirectConversationWithSameTitle:
-          contactSpoofingReviewDialog = (
-            <ContactSpoofingReviewDialog
-              {...commonProps}
-              type={ContactSpoofingType.DirectConversationWithSameTitle}
-              possiblyUnsafeConversation={
-                contactSpoofingReview.possiblyUnsafeConversation
-              }
-              safeConversation={contactSpoofingReview.safeConversation}
-            />
-          );
+          contactSpoofingReviewDialog = renderContactSpoofingReviewDialog({
+            ...commonProps,
+            type: ContactSpoofingType.DirectConversationWithSameTitle,
+            possiblyUnsafeConversation:
+              contactSpoofingReview.possiblyUnsafeConversation,
+            safeConversation: contactSpoofingReview.safeConversation,
+          });
           break;
         case ContactSpoofingType.MultipleGroupMembersWithSameTitle:
-          contactSpoofingReviewDialog = (
-            <ContactSpoofingReviewDialog
-              {...commonProps}
-              type={ContactSpoofingType.MultipleGroupMembersWithSameTitle}
-              group={conversation}
-              collisionInfoByTitle={contactSpoofingReview.collisionInfoByTitle}
-            />
-          );
+          contactSpoofingReviewDialog = renderContactSpoofingReviewDialog({
+            ...commonProps,
+            type: ContactSpoofingType.MultipleGroupMembersWithSameTitle,
+            groupConversationId: id,
+            collisionInfoByTitle: contactSpoofingReview.collisionInfoByTitle,
+          });
           break;
         default:
           throw missingCaseError(contactSpoofingReview);