signal-desktop/ts/state/smart/ConfirmAdditionsModal.tsx

// Copyright 2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React, { memo, useMemo } from 'react';
import { useSelector } from 'react-redux';
import { strictAssert } from '../../util/assert';
import { ConfirmAdditionsModal } from '../../components/conversation/conversation-details/AddGroupMembersModal/ConfirmAdditionsModal';
import type { RequestState } from '../../components/conversation/conversation-details/util';
import { getIntl } from '../selectors/user';
import { getConversationByIdSelector } from '../selectors/conversations';

export type SmartConfirmAdditionsModalPropsType = {
  selectedConversationIds: ReadonlyArray<string>;
  groupTitle: string;
  makeRequest: () => void;
  onClose: () => void;
  requestState: RequestState;
};

export const SmartConfirmAdditionsModal = memo(
  function SmartConfirmAdditionsModal({
    selectedConversationIds,
    groupTitle,
    makeRequest,
    onClose,
    requestState,
  }: SmartConfirmAdditionsModalPropsType) {
    const i18n = useSelector(getIntl);
    const conversationSelector = useSelector(getConversationByIdSelector);

    const selectedContacts = useMemo(() => {
      return selectedConversationIds.map(conversationId => {
        const convo = conversationSelector(conversationId);
        strictAssert(
          convo,
          '<SmartChooseGroupMemberModal> selected conversation not found'
        );
        return convo;
      });
    }, [conversationSelector, selectedConversationIds]);

    return (
      <ConfirmAdditionsModal
        i18n={i18n}
        selectedContacts={selectedContacts}
        groupTitle={groupTitle}
        makeRequest={makeRequest}
        onClose={onClose}
        requestState={requestState}
      />
    );
  }
);