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;