Disable post search on logged-out view

This commit is contained in:
Paul Frazee
2023-12-13 17:39:19 -08:00
parent 5c6b06b33a
commit ee0cf263ba
+42 -9
View File
@@ -304,7 +304,8 @@ function SearchScreenUserResults({query}: {query: string}) {
) )
} }
const SECTIONS = ['Posts', 'Users'] const SECTIONS_LOGGEDOUT = ['Users']
const SECTIONS_LOGGEDIN = ['Posts', 'Users']
export function SearchScreenInner({query}: {query?: string}) { export function SearchScreenInner({query}: {query?: string}) {
const pal = usePalette('default') const pal = usePalette('default')
const setMinimalShellMode = useSetMinimalShellMode() const setMinimalShellMode = useSetMinimalShellMode()
@@ -320,13 +321,14 @@ export function SearchScreenInner({query}: {query?: string}) {
[setDrawerSwipeDisabled, setMinimalShellMode], [setDrawerSwipeDisabled, setMinimalShellMode],
) )
if (hasSession) {
return query ? ( return query ? (
<Pager <Pager
tabBarPosition="top" tabBarPosition="top"
onPageSelected={onPageSelected} onPageSelected={onPageSelected}
renderTabBar={props => ( renderTabBar={props => (
<CenteredView sideBorders style={pal.border}> <CenteredView sideBorders style={pal.border}>
<TabBar items={SECTIONS} {...props} /> <TabBar items={SECTIONS_LOGGEDIN} {...props} />
</CenteredView> </CenteredView>
)} )}
initialPage={0}> initialPage={0}>
@@ -337,7 +339,7 @@ export function SearchScreenInner({query}: {query?: string}) {
<SearchScreenUserResults query={query} /> <SearchScreenUserResults query={query} />
</View> </View>
</Pager> </Pager>
) : hasSession ? ( ) : (
<View> <View>
<CenteredView sideBorders style={pal.border}> <CenteredView sideBorders style={pal.border}>
<Text <Text
@@ -358,6 +360,23 @@ export function SearchScreenInner({query}: {query?: string}) {
<SearchScreenSuggestedFollows /> <SearchScreenSuggestedFollows />
</View> </View>
)
}
return query ? (
<Pager
tabBarPosition="top"
onPageSelected={onPageSelected}
renderTabBar={props => (
<CenteredView sideBorders style={pal.border}>
<TabBar items={SECTIONS_LOGGEDOUT} {...props} />
</CenteredView>
)}
initialPage={0}>
<View>
<SearchScreenUserResults query={query} />
</View>
</Pager>
) : ( ) : (
<CenteredView sideBorders style={pal.border}> <CenteredView sideBorders style={pal.border}>
<View <View
@@ -383,14 +402,28 @@ export function SearchScreenInner({query}: {query?: string}) {
</Text> </Text>
)} )}
<Text <View
style={[ style={{
pal.textLight, flexDirection: 'column',
{textAlign: 'center', paddingVertical: 12, paddingHorizontal: 18}, alignItems: 'center',
]}> justifyContent: 'center',
<Trans>Search for posts and users.</Trans> paddingVertical: 30,
gap: 15,
}}>
<MagnifyingGlassIcon
strokeWidth={3}
size={isDesktop ? 60 : 60}
style={pal.textLight}
/>
<Text type="xl" style={[pal.textLight, {paddingHorizontal: 18}]}>
{isDesktop ? (
<Trans>Find users with the search tool on the right</Trans>
) : (
<Trans>Find users on Bluesky</Trans>
)}
</Text> </Text>
</View> </View>
</View>
</CenteredView> </CenteredView>
) )
} }