diff --git a/native/account/registration/connect-ethereum.react.js b/native/account/registration/connect-ethereum.react.js
--- a/native/account/registration/connect-ethereum.react.js
+++ b/native/account/registration/connect-ethereum.react.js
@@ -22,24 +22,62 @@
+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 isNerdMode =
+ props.route.params.userSelections.coolOrNerdMode === 'nerd';
const styles = useStyles(unboundStyles);
+
+ let body;
+ if (!isNerdMode) {
+ body = (
+
+ Connecting your Ethereum wallet allows you to use your ENS name and
+ avatar in the app. You'll also be able to log in with your wallet
+ instead of a password.
+
+ );
+ } else {
+ body = (
+ <>
+
+ Connecting your Ethereum wallet has three benefits:
+
+
+
+ {'1. '}
+
+ Your peers will be able to cryptographically verify that your Comm
+ account is associated with your Ethereum wallet.
+
+
+
+ {'2. '}
+
+ You'll be able to use your ENS name and avatar in the app.
+
+
+
+ {'3. '}
+
+ You can choose to skip setting a password, and to log in with your
+ Ethereum wallet instead.
+
+
+
+ >
+ );
+ }
+
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.
-
+ {body}
@@ -78,6 +116,24 @@
ethereumLogoContainer: {
alignItems: 'center',
},
+ list: {
+ paddingBottom: 16,
+ },
+ listItem: {
+ flexDirection: 'row',
+ },
+ listItemNumber: {
+ fontWeight: 'bold',
+ fontSize: 15,
+ lineHeight: 20,
+ color: 'panelForegroundSecondaryLabel',
+ },
+ listItemContent: {
+ flexShrink: 1,
+ fontSize: 15,
+ lineHeight: 20,
+ color: 'panelForegroundSecondaryLabel',
+ },
};
export default ConnectEthereum;