Differential D8044 Diff 27363 native/account/registration/registration-navigator.react.js

Changeset View

Standalone View

native/account/registration/registration-navigator.react.js

Show All 9 Lines
import AvatarSelection from './avatar-selection.react.js';		import AvatarSelection from './avatar-selection.react.js';
import ConnectEthereum from './connect-ethereum.react.js';		import ConnectEthereum from './connect-ethereum.react.js';
import CoolOrNerdModeSelection from './cool-or-nerd-mode-selection.react.js';		import CoolOrNerdModeSelection from './cool-or-nerd-mode-selection.react.js';
import EmojiAvatarSelection from './emoji-avatar-selection.react.js';		import EmojiAvatarSelection from './emoji-avatar-selection.react.js';
import ExistingEthereumAccount from './existing-ethereum-account.react.js';		import ExistingEthereumAccount from './existing-ethereum-account.react.js';
import KeyserverSelection from './keyserver-selection.react.js';		import KeyserverSelection from './keyserver-selection.react.js';
import PasswordSelection from './password-selection.react.js';		import PasswordSelection from './password-selection.react.js';
import UsernameSelection from './username-selection.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';		import type { RootNavigationProp } from '../../navigation/root-navigator.react.js';
import {		import {
KeyserverSelectionRouteName,		KeyserverSelectionRouteName,
CoolOrNerdModeSelectionRouteName,		CoolOrNerdModeSelectionRouteName,
ConnectEthereumRouteName,		ConnectEthereumRouteName,
ExistingEthereumAccountRouteName,		ExistingEthereumAccountRouteName,
UsernameSelectionRouteName,		UsernameSelectionRouteName,
PasswordSelectionRouteName,		PasswordSelectionRouteName,
AvatarSelectionRouteName,		AvatarSelectionRouteName,
EmojiAvatarSelectionRouteName,		EmojiAvatarSelectionRouteName,
		RegistrationUserAvatarCameraModalRouteName,
type ScreenParamList,		type ScreenParamList,
type RegistrationParamList,		type RegistrationParamList,
} from '../../navigation/route-names.js';		} from '../../navigation/route-names.js';

export type RegistrationNavigationProp<		export type RegistrationNavigationProp<
RouteName: $Keys<RegistrationParamList> = $Keys<RegistrationParamList>,		RouteName: $Keys<RegistrationParamList> = $Keys<RegistrationParamList>,
> = StackNavigationProp<ScreenParamList, RouteName>;		> = StackNavigationProp<ScreenParamList, RouteName>;

const Registration = createStackNavigator<		const Registration = createStackNavigator<
ScreenParamList,		ScreenParamList,
RegistrationParamList,		RegistrationParamList,
StackNavigationHelpers<ScreenParamList>,		StackNavigationHelpers<ScreenParamList>,
>();		>();

const screenOptions = {		const screenOptions = {
headerTransparent: true,		headerTransparent: true,
headerBackTitleVisible: false,		headerBackTitleVisible: false,
headerTitle: '',		headerTitle: '',
headerTintColor: 'white',		headerTintColor: 'white',
headerLeftContainerStyle: {		headerLeftContainerStyle: {
paddingLeft: 12,		paddingLeft: 12,
},		},
};		};

		const cameraScreenOptions = {
		headerShown: false,
		};

type Props = {		type Props = {
+navigation: RootNavigationProp<'Registration'>,		+navigation: RootNavigationProp<'Registration'>,
...		...
};		};
// eslint-disable-next-line no-unused-vars		// eslint-disable-next-line no-unused-vars
function RegistrationNavigator(props: Props): React.Node {		function RegistrationNavigator(props: Props): React.Node {
return (		return (
<Registration.Navigator screenOptions={screenOptions}>		<Registration.Navigator screenOptions={screenOptions}>
Show All 24 Lines	<Registration.Navigator screenOptions={screenOptions}>
<Registration.Screen		<Registration.Screen
name={AvatarSelectionRouteName}		name={AvatarSelectionRouteName}
component={AvatarSelection}		component={AvatarSelection}
/>		/>
<Registration.Screen		<Registration.Screen
name={EmojiAvatarSelectionRouteName}		name={EmojiAvatarSelectionRouteName}
component={EmojiAvatarSelection}		component={EmojiAvatarSelection}
/>		/>
		<Registration.Screen
		name={RegistrationUserAvatarCameraModalRouteName}
		component={RegistrationUserAvatarCameraModal}
		options={cameraScreenOptions}
		/>
</Registration.Navigator>		</Registration.Navigator>
);		);
}		}

export default RegistrationNavigator;		export default RegistrationNavigator;