diff --git a/native/chat/message-list-container.react.js b/native/chat/message-list-container.react.js --- a/native/chat/message-list-container.react.js +++ b/native/chat/message-list-container.react.js @@ -20,7 +20,10 @@ useSearchUsers, } from 'lib/shared/search-utils.js'; import { useExistingThreadInfoFinder } from 'lib/shared/thread-utils.js'; -import { threadSpecs } from 'lib/shared/threads/thread-specs.js'; +import { + threadSpecs, + threadTypeIsPersonal, +} from 'lib/shared/threads/thread-specs.js'; import type { ThreadInfo } from 'lib/types/minimally-encoded-thread-permissions-types.js'; import type { AccountUserInfo, UserListItem } from 'lib/types/user-types.js'; import { pinnedMessageCountText } from 'lib/utils/message-pinning-utils.js'; @@ -37,6 +40,7 @@ import { MessageListContextProvider } from './message-list-types.js'; import MessageList from './message-list.react.js'; import ParentThreadHeader from './parent-thread-header.react.js'; +import RelationshipPrompt from './relationship-prompt.react.js'; import ContentLoading from '../components/content-loading.react.js'; import { InputStateContext } from '../input/input-state.js'; import { @@ -76,6 +80,9 @@ height: 0, opacity: 0, }, + bannersContainer: { + zIndex: 2, + }, }; type BaseProps = { @@ -480,9 +487,24 @@ } }, [farcasterRefreshConversation, threadInfo.id, threadInfo.type]); + let relationshipPrompt = null; + if (threadTypeIsPersonal(threadInfo.type)) { + relationshipPrompt = ( + + ); + } + return ( - {pinnedCountBanner} + + {pinnedCountBanner} + {relationshipPrompt} + - ); - } + return ( - {relationshipPrompt}