diff --git a/ts/components/conversation/conversation-details/ConversationDetails.tsx b/ts/components/conversation/conversation-details/ConversationDetails.tsx index 22e4d45650..19ee2b3d80 100644 --- a/ts/components/conversation/conversation-details/ConversationDetails.tsx +++ b/ts/components/conversation/conversation-details/ConversationDetails.tsx @@ -391,7 +391,7 @@ export function ConversationDetails({ i18n={i18n} isMe={conversation.isMe} isGroup={isGroup} - memberships={memberships} + membersCount={conversation.membersCount ?? null} startEditing={(isGroupTitle: boolean) => { setModalState( isGroupTitle diff --git a/ts/components/conversation/conversation-details/ConversationDetailsHeader.stories.tsx b/ts/components/conversation/conversation-details/ConversationDetailsHeader.stories.tsx index a73c8a75e1..2eb9b0339b 100644 --- a/ts/components/conversation/conversation-details/ConversationDetailsHeader.stories.tsx +++ b/ts/components/conversation/conversation-details/ConversationDetailsHeader.stories.tsx @@ -41,7 +41,7 @@ function Wrapper(overrideProps: Partial) { i18n={i18n} canEdit={false} startEditing={action('startEditing')} - memberships={new Array(0)} + membersCount={0} isGroup isMe={false} theme={theme} diff --git a/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx b/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx index 450e61dc65..4aebfe44db 100644 --- a/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx +++ b/ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx @@ -9,7 +9,6 @@ import { AvatarLightbox } from '../../AvatarLightbox'; import type { ConversationType } from '../../../state/ducks/conversations'; import { GroupDescription } from '../GroupDescription'; import { About } from '../About'; -import type { GroupV2Membership } from './ConversationDetailsMembershipList'; import type { LocalizerType, ThemeType } from '../../../types/Util'; import { assertDev } from '../../../util/assert'; import { BadgeDialog } from '../../BadgeDialog'; @@ -24,7 +23,7 @@ export type Props = { i18n: LocalizerType; isGroup: boolean; isMe: boolean; - memberships: ReadonlyArray; + membersCount: number | null; startEditing: (isGroupTitle: boolean) => void; toggleAboutContactModal: (contactId: string) => void; theme: ThemeType; @@ -43,7 +42,7 @@ export function ConversationDetailsHeader({ i18n, isGroup, isMe, - memberships, + membersCount, startEditing, toggleAboutContactModal, theme, @@ -69,7 +68,7 @@ export function ConversationDetailsHeader({ subtitle = i18n('icu:ConversationDetailsHeader--add-group-description'); } else { subtitle = i18n('icu:ConversationDetailsHeader--members', { - number: memberships.length, + number: membersCount ?? 0, }); } } else if (!isMe) {