Differential D7989 Diff 27080 native/account/registration/keyserver-selection.react.js

Changeset View

Standalone View

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

// @flow		// @flow

import invariant from 'invariant';
import * as React from 'react';		import * as React from 'react';
import { Text } from 'react-native';		import { Text } from 'react-native';

import RegistrationButtonContainer from './registration-button-container.react.js';		import RegistrationButtonContainer from './registration-button-container.react.js';
import RegistrationButton from './registration-button.react.js';		import RegistrationButton from './registration-button.react.js';
import RegistrationContainer from './registration-container.react.js';		import RegistrationContainer from './registration-container.react.js';
import RegistrationContentContainer from './registration-content-container.react.js';		import RegistrationContentContainer from './registration-content-container.react.js';
import type { RegistrationNavigationProp } from './registration-navigator.react.js';		import type { RegistrationNavigationProp } from './registration-navigator.react.js';
▲ Show 20 Lines • Show All 50 Lines • ▼ Show 20 Lines	if (currentSelection === 'ashoat') {
keyserverUsername = customKeyserver;		keyserverUsername = customKeyserver;
}		}

const buttonState = keyserverUsername ? 'enabled' : 'disabled';		const buttonState = keyserverUsername ? 'enabled' : 'disabled';

const { navigate } = props.navigation;		const { navigate } = props.navigation;
const { coolOrNerdMode } = props.route.params.userSelections;		const { coolOrNerdMode } = props.route.params.userSelections;
const onSubmit = React.useCallback(() => {		const onSubmit = React.useCallback(() => {
invariant(		if (!keyserverUsername) {
keyserverUsername,		return;
'Button should be disabled if keyserverUsername is not set',		}
);
navigate<'ConnectEthereum'>({		navigate<'ConnectEthereum'>({
name: ConnectEthereumRouteName,		name: ConnectEthereumRouteName,
params: { userSelections: { coolOrNerdMode, keyserverUsername } },		params: { userSelections: { coolOrNerdMode, keyserverUsername } },
});		});
}, [navigate, coolOrNerdMode, keyserverUsername]);		}, [navigate, coolOrNerdMode, keyserverUsername]);

const styles = useStyles(unboundStyles);		const styles = useStyles(unboundStyles);
const colors = useColors();		const colors = useColors();
Show All 34 Lines	<RegistrationContainer>
<RegistrationTileHeader>		<RegistrationTileHeader>
<Text style={styles.tileTitleText}>Enter a keyserver</Text>		<Text style={styles.tileTitleText}>Enter a keyserver</Text>
</RegistrationTileHeader>		</RegistrationTileHeader>
<RegistrationTextInput		<RegistrationTextInput
value={customKeyserver}		value={customKeyserver}
onChangeText={setCustomKeyserver}		onChangeText={setCustomKeyserver}
placeholder="Keyserver"		placeholder="Keyserver"
onFocus={onCustomKeyserverFocus}		onFocus={onCustomKeyserverFocus}
		returnKeyType="go"
		onSubmitEditing={onSubmit}
ref={customKeyserverTextInputRef}		ref={customKeyserverTextInputRef}
/>		/>
</RegistrationTile>		</RegistrationTile>
</RegistrationContentContainer>		</RegistrationContentContainer>
<RegistrationButtonContainer>		<RegistrationButtonContainer>
<RegistrationButton		<RegistrationButton
onPress={onSubmit}		onPress={onSubmit}
label="Next"		label="Next"
Show All 36 Lines