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

add empty state for custom feed

Browse source
This commit is contained in:
Ansh Nanda 2023-05-25 18:48:40 -07:00
parent 27ff9ce43b
commit 4cd9a4493e
2 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/view/screens/CustomFeed.tsx
View file

@ -30,6 +30,7 @@ import {FAB} from '../com/util/fab/FAB'
import {LoadLatestBtn} from 'view/com/util/load-latest/LoadLatestBtn'
import {DropdownButton, DropdownItem} from 'view/com/util/forms/DropdownButton'
import {useOnMainScroll} from 'lib/hooks/useOnMainScroll'
import {EmptyState} from 'view/com/util/EmptyState'
type Props = NativeStackScreenProps<CommonNavigatorParams, 'CustomFeed'>
export const CustomFeedScreen = withAuthRequired(
@ -326,6 +327,10 @@ export const CustomFeedScreen = withAuthRequired(
onTogglePinned,
])
const renderEmptyState = React.useCallback(() => {
return <EmptyState icon="feed" message="This list is empty!" />
}, [])
return (
<View style={s.hContentRegion}>
<ViewHeader title="" renderButton={currentFeed && renderHeaderBtns} />
@ -335,6 +340,7 @@ export const CustomFeedScreen = withAuthRequired(
onScroll={onMainScroll}
scrollEventThrottle={100}
ListHeaderComponent={renderListHeaderComponent}
renderEmptyState={renderEmptyState}
extraData={[uri, isPinned]}
/>
{isScrolledDown ? (