zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Fix layout issues with search on Web (close #345) (#357)

zio/stable
Paul Frazee 2023-03-22 15:49:49 -05:00 committed by GitHub
parent f6f1fe2558
commit a14c2ede39
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/view/com/search/SearchResults.tsx
View File

@ -42,14 +42,20 @@ export const SearchResults = observer(({model}: {model: SearchUIModel}) => {
const PostResults = observer(({model}: {model: SearchUIModel}) => { const PostResults = observer(({model}: {model: SearchUIModel}) => {
const pal = usePalette('default') const pal = usePalette('default')
if (model.isPostsLoading) { if (model.isPostsLoading) {
return <PostFeedLoadingPlaceholder /> return (
<CenteredView>
<PostFeedLoadingPlaceholder />
</CenteredView>
)
} }
if (model.postUris.length === 0) { if (model.postUris.length === 0) {
return ( return (
<Text type="xl" style={[styles.empty, pal.text]}> <CenteredView>
No posts found for "{model.query}" <Text type="xl" style={[styles.empty, pal.text]}>
</Text> No posts found for "{model.query}"
</Text>
</CenteredView>
) )
} }
@ -68,14 +74,20 @@ const PostResults = observer(({model}: {model: SearchUIModel}) => {
const Profiles = observer(({model}: {model: SearchUIModel}) => { const Profiles = observer(({model}: {model: SearchUIModel}) => {
const pal = usePalette('default') const pal = usePalette('default')
if (model.isProfilesLoading) { if (model.isProfilesLoading) {
return <ProfileCardFeedLoadingPlaceholder /> return (
<CenteredView>
<ProfileCardFeedLoadingPlaceholder />
</CenteredView>
)
} }
if (model.profiles.length === 0) { if (model.profiles.length === 0) {
return ( return (
<Text type="xl" style={[styles.empty, pal.text]}> <CenteredView>
No users found for "{model.query}" <Text type="xl" style={[styles.empty, pal.text]}>
</Text> No users found for "{model.query}"
</Text>
</CenteredView>
) )
} }