diff --git a/native/account/registration/registration-navigator.react.js b/native/account/registration/registration-navigator.react.js --- a/native/account/registration/registration-navigator.react.js +++ b/native/account/registration/registration-navigator.react.js @@ -14,6 +14,7 @@ import ExistingEthereumAccount from './existing-ethereum-account.react.js'; import KeyserverSelection from './keyserver-selection.react.js'; import PasswordSelection from './password-selection.react.js'; +import RegistrationTerms from './registration-terms.react.js'; import UsernameSelection from './username-selection.react.js'; import RegistrationUserAvatarCameraModal from '../../media/registration-user-avatar-camera-modal.react.js'; import type { RootNavigationProp } from '../../navigation/root-navigator.react.js'; @@ -27,6 +28,7 @@ AvatarSelectionRouteName, EmojiAvatarSelectionRouteName, RegistrationUserAvatarCameraModalRouteName, + RegistrationTermsRouteName, type ScreenParamList, type RegistrationParamList, } from '../../navigation/route-names.js'; @@ -100,6 +102,10 @@ component={RegistrationUserAvatarCameraModal} options={cameraScreenOptions} /> + ); } diff --git a/native/account/registration/registration-terms.react.js b/native/account/registration/registration-terms.react.js new file mode 100644 --- /dev/null +++ b/native/account/registration/registration-terms.react.js @@ -0,0 +1,61 @@ +// @flow + +import * as React from 'react'; +import { Text } from 'react-native'; + +import RegistrationButtonContainer from './registration-button-container.react.js'; +import RegistrationButton from './registration-button.react.js'; +import RegistrationContainer from './registration-container.react.js'; +import RegistrationContentContainer from './registration-content-container.react.js'; +import type { RegistrationNavigationProp } from './registration-navigator.react.js'; +import type { + CoolOrNerdMode, + AccountSelection, + AvatarData, +} from './registration-types.js'; +import type { NavigationRoute } from '../../navigation/route-names.js'; +import { useStyles } from '../../themes/colors.js'; + +export type RegistrationTermsParams = { + +userSelections: { + +coolOrNerdMode: CoolOrNerdMode, + +keyserverUsername: string, + +accountSelection: AccountSelection, + +avatarData: ?AvatarData, + }, +}; + +type Props = { + +navigation: RegistrationNavigationProp<'RegistrationTerms'>, + +route: NavigationRoute<'RegistrationTerms'>, +}; +// eslint-disable-next-line no-unused-vars +function RegistrationTerms(props: Props): React.Node { + const onProceed = React.useCallback(() => {}, []); + + const styles = useStyles(unboundStyles); + return ( + + + Finish registration + + + + + + ); +} + +const unboundStyles = { + header: { + fontSize: 24, + color: 'panelForegroundLabel', + paddingBottom: 16, + }, +}; + +export default RegistrationTerms; 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 @@ -10,6 +10,7 @@ import type { ExistingEthereumAccountParams } from '../account/registration/existing-ethereum-account.react.js'; import type { KeyserverSelectionParams } from '../account/registration/keyserver-selection.react.js'; import type { PasswordSelectionParams } from '../account/registration/password-selection.react.js'; +import type { RegistrationTermsParams } from '../account/registration/registration-terms.react.js'; import type { UsernameSelectionParams } from '../account/registration/username-selection.react.js'; import type { TermsAndPrivacyModalParams } from '../account/terms-and-privacy-modal.react.js'; import type { ThreadPickerModalParams } from '../calendar/thread-picker-modal.react.js'; @@ -118,6 +119,7 @@ export const EmojiAvatarSelectionRouteName = 'EmojiAvatarSelection'; export const RegistrationUserAvatarCameraModalRouteName = 'RegistrationUserAvatarCameraModal'; +export const RegistrationTermsRouteName = 'RegistrationTerms'; export type RootParamList = { +LoggedOutModal: void, @@ -218,6 +220,7 @@ +AvatarSelection: AvatarSelectionParams, +EmojiAvatarSelection: EmojiAvatarSelectionParams, +RegistrationUserAvatarCameraModal: void, + +RegistrationTerms: RegistrationTermsParams, }; export type InviteLinkParamList = {