move dialog to inside conditional

src/screens/Messages/ConversationSettings/Member.tsx

@@ -153,15 +153,22 @@ export function Member({
           </ProfileCard.Outer>
         </ProfileCard.Link>
         {showRemoveButton ? (
-          <Button
+          <>
-            label={l`Remove ${displayName} from this group chat`}
+            <Button
-            size="tiny"
+              label={l`Remove ${displayName} from this group chat`}
-            color="negative_subtle"
+              size="tiny"
-            onPress={() => removeMemberPrompt.open()}>
+              color="negative_subtle"
-            <ButtonText>
+              onPress={() => removeMemberPrompt.open()}>
-              <Trans>Remove</Trans>
+              <ButtonText>
-            </ButtonText>
+                <Trans>Remove</Trans>
-          </Button>
+              </ButtonText>
+            </Button>
+            <RemoveMemberPrompt
+              control={removeMemberPrompt}
+              displayName={displayName}
+              onConfirm={() => removeMembers({members: [profile.did]})}
+            />
+          </>
         ) : isSelf || isFollowing || isBlockedOrBlocking(profile) ? null : (
           <SimpleInlineLinkText
             label={l`Follow ${displayName}`}
@@ -172,11 +179,6 @@ export function Member({
         )}
         {statusBadge}
       </View>
-      <RemoveMemberPrompt
-        control={removeMemberPrompt}
-        displayName={displayName}
-        onConfirm={() => removeMembers({members: [profile.did]})}
-      />
     </SubtleHoverWrapper>
   )
 }