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} /> + ); } 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 ( + + ); +} + +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