Page MenuHomePhabricator
Files F3174885

D7597.id25789.diff
No OneTemporary
Actions

D7597.id25789.diff
View Options

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
@@ -3,6 +3,7 @@
import * as React from 'react';
import { Text, TextInput } 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 {
@@ -40,6 +41,8 @@
setCurrentSelection('custom');
}, []);
+ const onSubmit = React.useCallback(() => {}, []);
+
const styles = useStyles(unboundStyles);
const colors = useColors();
return (
@@ -88,6 +91,7 @@
ref={customKeyserverTextInputRef}
/>
</RegistrationTile>
+ <RegistrationButton onPress={onSubmit} label="Next" />
</RegistrationContainer>
);
}
diff --git a/native/account/registration/registration-button.react.js b/native/account/registration/registration-button.react.js
new file mode 100644
--- /dev/null
+++ b/native/account/registration/registration-button.react.js
@@ -0,0 +1,36 @@
+// @flow
+
+import * as React from 'react';
+import { Text } from 'react-native';
+
+import Button from '../../components/button.react.js';
+import { useStyles } from '../../themes/colors.js';
+
+type Props = {
+ +onPress: () => mixed,
+ +label: string,
+};
+function RegistrationButton(props: Props): React.Node {
+ const { onPress, label } = props;
+ const styles = useStyles(unboundStyles);
+ return (
+ <Button onPress={onPress} iosActiveOpacity={0.6} style={styles.button}>
+ <Text style={styles.buttonText}>{label}</Text>
+ </Button>
+ );
+}
+
+const unboundStyles = {
+ button: {
+ backgroundColor: 'purpleButton',
+ borderRadius: 8,
+ },
+ buttonText: {
+ fontSize: 18,
+ color: 'panelForegroundLabel',
+ textAlign: 'center',
+ padding: 12,
+ },
+};
+
+export default RegistrationButton;
diff --git a/native/components/button.react.js b/native/components/button.react.js
--- a/native/components/button.react.js
+++ b/native/components/button.react.js
@@ -22,7 +22,7 @@
};
type Props = {
...DefaultProps,
- +onPress: () => *,
+ +onPress: () => mixed,
+disabled?: boolean,
+style?: ViewStyle,
// style and topStyle just get merged in most cases. The separation only

File Metadata

Mime Type
text/plain
Expires
Fri, Nov 8, 6:47 PM (19 h, 31 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2444956
Default Alt Text
D7597.id25789.diff (2 KB)

Event Timeline