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;