diff --git a/native/navigation/root-navigator.react.js b/native/navigation/root-navigator.react.js
--- a/native/navigation/root-navigator.react.js
+++ b/native/navigation/root-navigator.react.js
@@ -46,6 +46,7 @@
RolesNavigatorRouteName,
QRCodeSignInNavigatorRouteName,
UserProfileBottomSheetNavigatorRouteName,
+ KeyserverSelectionBottomSheetRouteName,
} from './route-names.js';
import LoggedOutModal from '../account/logged-out-modal.react.js';
import RegistrationNavigator from '../account/registration/registration-navigator.react.js';
@@ -61,6 +62,7 @@
import CommunityCreationNavigator from '../community-creation/community-creation-navigator.react.js';
import InviteLinksNavigator from '../invite-links/invite-links-navigator.react.js';
import CustomServerModal from '../profile/custom-server-modal.react.js';
+import KeyserverSelectionBottomSheet from '../profile/keyserver-selection-bottom-sheet.react.js';
import QRCodeSignInNavigator from '../qr-code/qr-code-sign-in-navigator.react.js';
import RolesNavigator from '../roles/roles-navigator.react.js';
import UserProfileBottomSheetNavigator from '../user-profile/user-profile-bottom-sheet-navigator.react.js';
@@ -285,6 +287,11 @@
component={UserProfileBottomSheetNavigator}
options={modalOverlayScreenOptions}
/>
+
);
}
diff --git a/native/navigation/route-names.js b/native/navigation/route-names.js
--- a/native/navigation/route-names.js
+++ b/native/navigation/route-names.js
@@ -41,6 +41,7 @@
import type { ThreadAvatarCameraModalParams } from '../media/thread-avatar-camera-modal.react.js';
import type { VideoPlaybackModalParams } from '../media/video-playback-modal.react.js';
import type { CustomServerModalParams } from '../profile/custom-server-modal.react.js';
+import type { KeyserverSelectionBottomSheetParams } from '../profile/keyserver-selection-bottom-sheet.react.js';
import type { UserRelationshipTooltipModalParams } from '../profile/user-relationship-tooltip-modal.react.js';
import type { ChangeRolesScreenParams } from '../roles/change-roles-screen.react.js';
import type { CommunityRolesScreenParams } from '../roles/community-roles-screen.react.js';
@@ -142,6 +143,8 @@
export const UserProfileAvatarModalRouteName = 'UserProfileAvatarModal';
export const KeyserverSelectionListRouteName = 'KeyserverSelectionList';
export const AddKeyserverRouteName = 'AddKeyserver';
+export const KeyserverSelectionBottomSheetRouteName =
+ 'KeyserverSelectionBottomSheet';
export type RootParamList = {
+LoggedOutModal: void,
@@ -164,6 +167,7 @@
+QRCodeSignInNavigator: void,
+UserProfileBottomSheetNavigator: void,
+TunnelbrokerMenu: void,
+ +KeyserverSelectionBottomSheet: KeyserverSelectionBottomSheetParams,
};
export type MessageTooltipRouteNames =
diff --git a/native/profile/keyserver-selection-bottom-sheet.react.js b/native/profile/keyserver-selection-bottom-sheet.react.js
new file mode 100644
--- /dev/null
+++ b/native/profile/keyserver-selection-bottom-sheet.react.js
@@ -0,0 +1,35 @@
+// @flow
+
+import * as React from 'react';
+
+import type { KeyserverInfo } from 'lib/types/keyserver-types.js';
+
+import BottomSheet from '../bottom-sheet/bottom-sheet.react.js';
+import type { RootNavigationProp } from '../navigation/root-navigator.react.js';
+import type { NavigationRoute } from '../navigation/route-names.js';
+
+export type KeyserverSelectionBottomSheetParams = {
+ +keyserverAdminUsername: string,
+ +keyserverInfo: KeyserverInfo,
+};
+
+type Props = {
+ +navigation: RootNavigationProp<'KeyserverSelectionBottomSheet'>,
+ +route: NavigationRoute<'KeyserverSelectionBottomSheet'>,
+};
+
+function KeyserverSelectionBottomSheet(props: Props): React.Node {
+ const { navigation } = props;
+
+ const { goBack } = navigation;
+
+ const bottomSheetRef = React.useRef();
+
+ return (
+
+ {null}
+
+ );
+}
+
+export default KeyserverSelectionBottomSheet;