diff --git a/native/community-creation/community-creation-members.react.js b/native/community-creation/community-creation-members.react.js --- a/native/community-creation/community-creation-members.react.js +++ b/native/community-creation/community-creation-members.react.js @@ -14,9 +14,11 @@ import CommunityCreationKeyserverLabel from './community-creation-keyserver-label.react.js'; import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js'; import RegistrationContainer from '../account/registration/registration-container.react.js'; +import LinkButton from '../components/link-button.react.js'; import { createTagInput } from '../components/tag-input.react.js'; import UserList from '../components/user-list.react.js'; import type { NavigationRoute } from '../navigation/route-names.js'; +import { ChatThreadListRouteName } from '../navigation/route-names.js'; import { useSelector } from '../redux/redux-utils.js'; export type CommunityCreationMembersScreenParams = { @@ -39,6 +41,9 @@ function CommunityCreationMembers(props: Props): React.Node { const { announcement } = props.route.params; + const { navigation } = props; + const { setOptions } = navigation; + const otherUserInfos = useSelector(userInfoSelectorForPotentialMembers); const userSearchIndex = useSelector(userSearchIndexForPotentialMembers); @@ -52,6 +57,22 @@ [selectedUsers], ); + const exitCommunityCreationFlow = React.useCallback(() => { + navigation.navigate(ChatThreadListRouteName); + }, [navigation]); + + React.useEffect(() => { + setOptions({ + // eslint-disable-next-line react/display-name + headerRight: () => ( + + ), + }); + }, [exitCommunityCreationFlow, selectedUserIDs.length, setOptions]); + const userSearchResults = React.useMemo( () => getPotentialMemberItems(