diff --git a/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js b/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js index b28e94d25..3e487028a 100644 --- a/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js +++ b/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js @@ -1,65 +1,86 @@ // @flow import type { StackNavigationHelpers, StackNavigationProp, } from '@react-navigation/core'; import { createStackNavigator } from '@react-navigation/stack'; import * as React from 'react'; import { SafeAreaView } from 'react-native-safe-area-context'; import TagFarcasterChannel from './tag-farcaster-channel.react.js'; import type { RootNavigationProp } from '../../navigation/root-navigator.react'; import { TagFarcasterChannelRouteName, type TagFarcasterChannelParamList, type ScreenParamList, } from '../../navigation/route-names.js'; -import { useStyles } from '../../themes/colors.js'; +import { useStyles, useColors } from '../../themes/colors.js'; const safeAreaEdges = ['bottom']; export type TagFarcasterChannelNavigationProp< RouteName: $Keys = $Keys, > = StackNavigationProp; const TagFarcasterChannelStack = createStackNavigator< ScreenParamList, TagFarcasterChannelParamList, StackNavigationHelpers, >(); +const tagFarcasterChannelOptions = { + headerTitle: 'Tag a Farcaster channel', +}; + type Props = { +navigation: RootNavigationProp<'TagFarcasterChannelNavigator'>, ... }; // eslint-disable-next-line no-unused-vars function TagFarcasterChannelNavigator(props: Props): React.Node { const styles = useStyles(unboundStyles); + const colors = useColors(); + + const screenOptions = React.useMemo( + () => ({ + headerBackTitleVisible: false, + headerTintColor: colors.panelForegroundLabel, + headerLeftContainerStyle: { + paddingLeft: 12, + }, + headerStyle: { + backgroundColor: colors.modalBackground, + }, + }), + [colors.modalBackground, colors.panelForegroundLabel], + ); + const tagFarcasterChannelNavigator = React.useMemo( () => ( - + ), - [styles.container], + [screenOptions, styles.container], ); return tagFarcasterChannelNavigator; } const unboundStyles = { container: { flex: 1, backgroundColor: 'modalBackground', }, }; export default TagFarcasterChannelNavigator;