diff options
Diffstat (limited to 'src/view/screens')
-rw-r--r-- | src/view/screens/Home.tsx | 8 | ||||
-rw-r--r-- | src/view/screens/Profile.tsx | 2 | ||||
-rw-r--r-- | src/view/screens/Search/Search.tsx | 99 |
3 files changed, 69 insertions, 40 deletions
diff --git a/src/view/screens/Home.tsx b/src/view/screens/Home.tsx index 42a958b95..bfe440265 100644 --- a/src/view/screens/Home.tsx +++ b/src/view/screens/Home.tsx @@ -9,6 +9,7 @@ import {CustomFeedEmptyState} from 'view/com/posts/CustomFeedEmptyState' import {FeedsTabBar} from '../com/pager/FeedsTabBar' import {Pager, RenderTabBarFnProps} from 'view/com/pager/Pager' import {FeedPage} from 'view/com/feeds/FeedPage' +import {HomeLoggedOutCTA} from '../com/auth/HomeLoggedOutCTA' import {useSetMinimalShellMode, useSetDrawerSwipeDisabled} from '#/state/shell' import {usePreferencesQuery} from '#/state/queries/preferences' import {UsePreferencesQueryResponse} from '#/state/queries/preferences/types' @@ -199,12 +200,7 @@ function HomeScreenReady({ onPageScrollStateChanged={onPageScrollStateChanged} renderTabBar={renderTabBar} tabBarPosition="top"> - <FeedPage - testID="customFeedPage" - isPageFocused={true} - feed={`feedgen|at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot`} - renderEmptyState={renderCustomFeedEmptyState} - /> + <HomeLoggedOutCTA /> </Pager> ) } diff --git a/src/view/screens/Profile.tsx b/src/view/screens/Profile.tsx index 3f2dd773e..f1c648a67 100644 --- a/src/view/screens/Profile.tsx +++ b/src/view/screens/Profile.tsx @@ -153,7 +153,7 @@ function ProfileScreenLoaded({ const isMe = profile.did === currentAccount?.did const showRepliesTab = hasSession const showLikesTab = isMe - const showFeedsTab = isMe || extraInfoQuery.data?.hasFeedgens + const showFeedsTab = hasSession && (isMe || extraInfoQuery.data?.hasFeedgens) const showListsTab = hasSession && (isMe || extraInfoQuery.data?.hasLists) const sectionTitles = useMemo<string[]>(() => { return [ diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx index 7d7b4098f..efd8507a7 100644 --- a/src/view/screens/Search/Search.tsx +++ b/src/view/screens/Search/Search.tsx @@ -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}) { const pal = usePalette('default') const setMinimalShellMode = useSetMinimalShellMode() @@ -320,44 +321,62 @@ export function SearchScreenInner({query}: {query?: string}) { [setDrawerSwipeDisabled, setMinimalShellMode], ) + if (hasSession) { + return query ? ( + <Pager + tabBarPosition="top" + onPageSelected={onPageSelected} + renderTabBar={props => ( + <CenteredView sideBorders style={pal.border}> + <TabBar items={SECTIONS_LOGGEDIN} {...props} /> + </CenteredView> + )} + initialPage={0}> + <View> + <SearchScreenPostResults query={query} /> + </View> + <View> + <SearchScreenUserResults query={query} /> + </View> + </Pager> + ) : ( + <View> + <CenteredView sideBorders style={pal.border}> + <Text + type="title" + style={[ + pal.text, + pal.border, + { + display: 'flex', + paddingVertical: 12, + paddingHorizontal: 18, + fontWeight: 'bold', + }, + ]}> + <Trans>Suggested Follows</Trans> + </Text> + </CenteredView> + + <SearchScreenSuggestedFollows /> + </View> + ) + } + return query ? ( <Pager tabBarPosition="top" onPageSelected={onPageSelected} renderTabBar={props => ( <CenteredView sideBorders style={pal.border}> - <TabBar items={SECTIONS} {...props} /> + <TabBar items={SECTIONS_LOGGEDOUT} {...props} /> </CenteredView> )} initialPage={0}> <View> - <SearchScreenPostResults query={query} /> - </View> - <View> <SearchScreenUserResults query={query} /> </View> </Pager> - ) : hasSession ? ( - <View> - <CenteredView sideBorders style={pal.border}> - <Text - type="title" - style={[ - pal.text, - pal.border, - { - display: 'flex', - paddingVertical: 12, - paddingHorizontal: 18, - fontWeight: 'bold', - }, - ]}> - <Trans>Suggested Follows</Trans> - </Text> - </CenteredView> - - <SearchScreenSuggestedFollows /> - </View> ) : ( <CenteredView sideBorders style={pal.border}> <View @@ -383,13 +402,27 @@ export function SearchScreenInner({query}: {query?: string}) { </Text> )} - <Text - style={[ - pal.textLight, - {textAlign: 'center', paddingVertical: 12, paddingHorizontal: 18}, - ]}> - <Trans>Search for posts and users.</Trans> - </Text> + <View + style={{ + flexDirection: 'column', + alignItems: 'center', + justifyContent: 'center', + 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> + </View> </View> </CenteredView> ) |