diff --git a/native/components/farcaster-prompt.react.js b/native/components/farcaster-prompt.react.js index 312bd29a1..756fbaa9a 100644 --- a/native/components/farcaster-prompt.react.js +++ b/native/components/farcaster-prompt.react.js @@ -1,70 +1,70 @@ // @flow import * as React from 'react'; import { View, Text } from 'react-native'; import { useStyles } from '../themes/colors.js'; import FarcasterLogo from '../vectors/farcaster-logo.react.js'; type Props = { +showDisconnectText?: boolean, }; function FarcasterPrompt(props: Props): React.Node { const { showDisconnectText } = props; const styles = useStyles(unboundStyles); const headerText = showDisconnectText ? 'Disconnect from Farcaster' - : 'Do you want to connect your Farcaster account'; + : 'Do you want to connect your Farcaster account?'; const bodyText = showDisconnectText ? 'You can disconnect your Farcaster account at any time.' : 'Connecting your Farcaster account lets you see your mutual follows ' + 'on Comm. We’ll also surface communities based on your Farcaster ' + 'channels.'; const farcasterPrompt = React.useMemo( () => ( <> {headerText} {bodyText} ), [ bodyText, headerText, styles.body, styles.farcasterLogoContainer, styles.header, ], ); return farcasterPrompt; } const unboundStyles = { header: { fontSize: 24, color: 'panelForegroundLabel', paddingBottom: 16, }, body: { fontFamily: 'Arial', fontSize: 15, lineHeight: 20, color: 'panelForegroundSecondaryLabel', paddingBottom: 16, }, farcasterLogoContainer: { flexGrow: 1, alignItems: 'center', justifyContent: 'center', }, }; export default FarcasterPrompt;