Differential D7896 Diff 26721 native/account/registration/username-selection.react.js

Changeset View

Standalone View

native/account/registration/username-selection.react.js

This file was added.

				// @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 } from './registration-types.js';
				import type { NavigationRoute } from '../../navigation/route-names.js';
				import { useStyles } from '../../themes/colors.js';

				export type UsernameSelectionParams = {
				+userSelections: {
				+coolOrNerdMode: CoolOrNerdMode,
				+keyserverUsername: string,
				},
				};

				type Props = {
				+navigation: RegistrationNavigationProp<'UsernameSelection'>,
				+route: NavigationRoute<'UsernameSelection'>,
				};
				// eslint-disable-next-line no-unused-vars
				function UsernameSelection(props: Props): React.Node {
				const onProceed = React.useCallback(() => {}, []);

				const styles = useStyles(unboundStyles);
				return (
				<RegistrationContainer>
				<RegistrationContentContainer>
				<Text style={styles.header}>Pick a username</Text>
				</RegistrationContentContainer>
				<RegistrationButtonContainer>
				<RegistrationButton
				onPress={onProceed}
				label="Next"
				variant="disabled"
				/>
				</RegistrationButtonContainer>
				</RegistrationContainer>
				);
				}

				const unboundStyles = {
				header: {
				fontSize: 24,
				color: 'panelForegroundLabel',
				paddingBottom: 16,
				},
				};

				export default UsernameSelection;