diff --git a/native/profile/linked-devices-header-right-button.react.js b/native/profile/linked-devices-header-right-button.react.js new file mode 100644 --- /dev/null +++ b/native/profile/linked-devices-header-right-button.react.js @@ -0,0 +1,26 @@ +// @flow + +import * as React from 'react'; +import { Text, TouchableOpacity } from 'react-native'; + +import { useStyles } from '../themes/colors.js'; + +function LinkedDevicesHeaderRightButton(): React.Node { + const styles = useStyles(unboundStyles); + + return ( + + Add + + ); +} + +const unboundStyles = { + textStyle: { + color: 'headerChevron', + fontSize: 16, + marginRight: 10, + }, +}; + +export default LinkedDevicesHeaderRightButton; diff --git a/native/profile/profile.react.js b/native/profile/profile.react.js --- a/native/profile/profile.react.js +++ b/native/profile/profile.react.js @@ -16,6 +16,7 @@ import DevTools from './dev-tools.react.js'; import EditPassword from './edit-password.react.js'; import EmojiUserAvatarCreation from './emoji-user-avatar-creation.react.js'; +import LinkedDevicesHeaderRightButton from './linked-devices-header-right-button.react.js'; import LinkedDevices from './linked-devices.react.js'; import PrivacyPreferences from './privacy-preferences.react.js'; import ProfileHeader from './profile-header.react.js'; @@ -51,7 +52,11 @@ }; const editPasswordOptions = { headerTitle: 'Change password' }; const deleteAccountOptions = { headerTitle: 'Delete account' }; -const linkedDevicesOptions = { headerTitle: 'Linked devices' }; +const linkedDevicesOptions = { + headerTitle: 'Linked devices', + // eslint-disable-next-line react/display-name + headerRight: () => , +}; const buildInfoOptions = { headerTitle: 'Build info' }; const devToolsOptions = { headerTitle: 'Developer tools' }; const appearanceOptions = { headerTitle: 'Appearance' };