Move useListConvoMembersQuery inside AddMembersFlow (#10386)

src/screens/Messages/ConversationSettings/AddMembersLink.tsx

@@ -16,10 +16,8 @@ import {Text} from '#/components/Typography'
 
 export function AddMembersLink({
   convo,
-  members,
 }: {
-  convo: ConvoWithDetails
-  members: string[]
+  convo: Extract<ConvoWithDetails, {kind: 'group'}>
 }) {
   const t = useTheme()
   const {t: l} = useLingui()
@@ -96,7 +94,7 @@ export function AddMembersLink({
         nativeOptions={{fullHeight: true}}>
         <Dialog.Handle />
         <AddMembersFlow
-          members={members}
+          convo={convo}
           title={l`Add members`}
           onAddMembers={(members, profiles) => {
             addGroupMembers({members, profiles})

src/screens/Messages/ConversationSettings/index.tsx

@@ -239,12 +239,7 @@ function GroupSettings({
           />
         )
       case 'ADD_MEMBERS_LINK':
-        return convo ? (
-          <AddMembersLink
-            convo={convo}
-            members={memberListData.map(profile => profile.did)}
-          />
-        ) : null
+        return convo ? <AddMembersLink convo={convo} /> : null
       case 'CHAT_MEMBER':
         return convo ? (
           <Member

src/screens/Messages/components/MessagesListInfoPanel.tsx

@@ -150,7 +150,7 @@ export function MessagesListInfoPanel({
         nativeOptions={{fullHeight: true}}>
         <Dialog.Handle />
         <AddMembersFlow
-          members={members.map(profile => profile.did)}
+          convo={convo}
           title={l`Add people`}
           onAddMembers={(members, profiles) =>
             addGroupMembers({members, profiles})