Page MenuHomePhabricator
Differential D7989 Diff 27075 native/account/registration/keyserver-selection.react.js

Changeset View

Standalone View

View Options

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', }
ashoatAuthorUnsubmitted
Done
Inline Actions

This change was necessary since onSubmit can now be called by the software keyboard, which doesn't get disabled when keyserverUsername is falsey

ashoat: This change was necessary since `onSubmit` can now be called by the software keyboard, which…
);
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