Page MenuHomePhabricator
Files F3536882

D7832.id26518.diff
No OneTemporary
Actions

D7832.id26518.diff
View Options

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
@@ -3,6 +3,7 @@
import * as React from 'react';
import { Text, View } from 'react-native';
+import RegistrationButtonContainer from './registration-button-container.react.js';
import RegistrationButton from './registration-button.react.js';
import RegistrationContentContainer from './registration-content-container.react.js';
import type { RegistrationNavigationProp } from './registration-navigator.react.js';
@@ -82,16 +83,18 @@
<EthereumLogoDark />
</View>
</RegistrationContentContainer>
- <RegistrationButton
- onPress={onConnect}
- label="Connect Ethereum wallet"
- variant="enabled"
- />
- <RegistrationButton
- onPress={onSkip}
- label="Do not connect"
- variant="enabled"
- />
+ <RegistrationButtonContainer>
+ <RegistrationButton
+ onPress={onConnect}
+ label="Connect Ethereum wallet"
+ variant="enabled"
+ />
+ <RegistrationButton
+ onPress={onSkip}
+ label="Do not connect"
+ variant="enabled"
+ />
+ </RegistrationButtonContainer>
</View>
);
}
diff --git a/native/account/registration/cool-or-nerd-mode-selection.react.js b/native/account/registration/cool-or-nerd-mode-selection.react.js
--- a/native/account/registration/cool-or-nerd-mode-selection.react.js
+++ b/native/account/registration/cool-or-nerd-mode-selection.react.js
@@ -4,6 +4,7 @@
import * as React from 'react';
import { Text, View } from 'react-native';
+import RegistrationButtonContainer from './registration-button-container.react.js';
import RegistrationButton from './registration-button.react.js';
import RegistrationContentContainer from './registration-content-container.react.js';
import type { RegistrationNavigationProp } from './registration-navigator.react.js';
@@ -84,11 +85,13 @@
</Text>
</RegistrationTile>
</RegistrationContentContainer>
- <RegistrationButton
- onPress={onSubmit}
- label="Next"
- variant={buttonState}
- />
+ <RegistrationButtonContainer>
+ <RegistrationButton
+ onPress={onSubmit}
+ label="Next"
+ variant={buttonState}
+ />
+ </RegistrationButtonContainer>
</View>
);
}
diff --git a/native/account/registration/keyserver-selection.react.js b/native/account/registration/keyserver-selection.react.js
--- a/native/account/registration/keyserver-selection.react.js
+++ b/native/account/registration/keyserver-selection.react.js
@@ -4,6 +4,7 @@
import * as React from 'react';
import { Text, TextInput, View } from 'react-native';
+import RegistrationButtonContainer from './registration-button-container.react.js';
import RegistrationButton from './registration-button.react.js';
import RegistrationContentContainer from './registration-content-container.react.js';
import type { RegistrationNavigationProp } from './registration-navigator.react.js';
@@ -124,11 +125,13 @@
/>
</RegistrationTile>
</RegistrationContentContainer>
- <RegistrationButton
- onPress={onSubmit}
- label="Next"
- variant={buttonState}
- />
+ <RegistrationButtonContainer>
+ <RegistrationButton
+ onPress={onSubmit}
+ label="Next"
+ variant={buttonState}
+ />
+ </RegistrationButtonContainer>
</View>
);
}
diff --git a/native/account/registration/registration-button-container.react.js b/native/account/registration/registration-button-container.react.js
new file mode 100644
--- /dev/null
+++ b/native/account/registration/registration-button-container.react.js
@@ -0,0 +1,20 @@
+// @flow
+
+import * as React from 'react';
+import { View } from 'react-native';
+
+type Props = {
+ +children: React.Node,
+};
+function RegistrationButtonContainer(props: Props): React.Node {
+ return <View style={styles.container}>{props.children}</View>;
+}
+
+const styles = {
+ container: {
+ marginVertical: 8,
+ marginHorizontal: 16,
+ },
+};
+
+export default RegistrationButtonContainer;
diff --git a/native/account/registration/registration-button.react.js b/native/account/registration/registration-button.react.js
--- a/native/account/registration/registration-button.react.js
+++ b/native/account/registration/registration-button.react.js
@@ -45,7 +45,7 @@
button: {
backgroundColor: 'purpleButton',
borderRadius: 8,
- margin: 16,
+ marginVertical: 8,
},
buttonText: {
fontSize: 18,

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 26, 7:19 PM (10 h, 47 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2705019
Default Alt Text
D7832.id26518.diff (4 KB)

Event Timeline