Moves various panels out to ConversationView react

ts/state/smart/GV1Members.tsx

@@ -0,0 +1,54 @@
+// Copyright 2022 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { ConversationDetailsMembershipList } from '../../components/conversation/conversation-details/ConversationDetailsMembershipList';
+import { assertDev } from '../../util/assert';
+import { getGroupMemberships } from '../../util/getGroupMemberships';
+import {
+  getConversationByIdSelector,
+  getConversationByUuidSelector,
+} from '../selectors/conversations';
+import { getIntl, getTheme } from '../selectors/user';
+import { getPreferredBadgeSelector } from '../selectors/badges';
+import { useGlobalModalActions } from '../ducks/globalModals';
+
+export type PropsType = {
+  conversationId: string;
+};
+
+export function SmartGV1Members({ conversationId }: PropsType): JSX.Element {
+  const getPreferredBadge = useSelector(getPreferredBadgeSelector);
+  const i18n = useSelector(getIntl);
+  const theme = useSelector(getTheme);
+  const { showContactModal } = useGlobalModalActions();
+
+  const conversationSelector = useSelector(getConversationByIdSelector);
+  const conversationByUuidSelector = useSelector(getConversationByUuidSelector);
+
+  const conversation = conversationSelector(conversationId);
+  assertDev(
+    conversation,
+    '<SmartPendingInvites> expected a conversation to be found'
+  );
+
+  const { memberships } = getGroupMemberships(
+    conversation,
+    conversationByUuidSelector
+  );
+
+  return (
+    <ConversationDetailsMembershipList
+      canAddNewMembers={false}
+      conversationId={conversationId}
+      i18n={i18n}
+      getPreferredBadge={getPreferredBadge}
+      maxShownMemberCount={32}
+      memberships={memberships}
+      showContactModal={showContactModal}
+      theme={theme}
+    />
+  );
+}