diff --git a/native/account/registration/connect-ethereum.react.js b/native/account/registration/connect-ethereum.react.js index f4567cdc7..f33cef8cb 100644 --- a/native/account/registration/connect-ethereum.react.js +++ b/native/account/registration/connect-ethereum.react.js @@ -1,76 +1,83 @@ // @flow import * as React from 'react'; import { Text, View } from 'react-native'; import RegistrationButton from './registration-button.react.js'; import RegistrationContainer from './registration-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'; +import EthereumLogoDark from '../../vectors/ethereum-logo-dark.react.js'; export type ConnectEthereumParams = { +userSelections: { +coolOrNerdMode: CoolOrNerdMode, +keyserverUsername: string, }, }; type Props = { +navigation: RegistrationNavigationProp<'ConnectEthereum'>, +route: NavigationRoute<'ConnectEthereum'>, }; // eslint-disable-next-line no-unused-vars function ConnectEthereum(props: Props): React.Node { const onConnect = React.useCallback(() => {}, []); const onSkip = React.useCallback(() => {}, []); const styles = useStyles(unboundStyles); return ( Do you want to connect an Ethereum Wallet to your account? Connecting your Ethereum wallet allows you to cryptographically prove your identity to your peers. You can use your ENS name as your username and your ENS avatar as your avatar. You'll also be able to secure your account with a wallet signature instead of a password. + + + ); } const unboundStyles = { container: { backgroundColor: 'panelBackground', justifyContent: 'space-between', flex: 1, }, header: { fontSize: 24, color: 'panelForegroundLabel', paddingBottom: 16, }, body: { fontSize: 15, lineHeight: 20, color: 'panelForegroundSecondaryLabel', paddingBottom: 16, }, + ethereumLogoContainer: { + alignItems: 'center', + }, }; export default ConnectEthereum; diff --git a/native/vectors/ethereum-logo-dark.react.js b/native/vectors/ethereum-logo-dark.react.js new file mode 100644 index 000000000..48caf065e --- /dev/null +++ b/native/vectors/ethereum-logo-dark.react.js @@ -0,0 +1,50 @@ +// @flow + +import * as React from 'react'; +import Svg, { G, Path, Defs, ClipPath, Rect } from 'react-native-svg'; + +function EthereumLogoDark(): React.Node { + return ( + + + + + + + + + + + + + + + + ); +} + +export default EthereumLogoDark;