bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'my-groups-pagination' into 'develop'

Browse source 
Support pagination in My Groups

See merge request soapbox-pub/soapbox!2455
This commit is contained in:
Chewbacca 2023-04-20 13:49:20 +00:00
commit 584b3bb539
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/soapbox/features/groups/index.tsx
View file

@ -30,12 +30,16 @@ const Groups: React.FC = () => {
const [searchValue, setSearchValue] = useState<string>('');
const debouncedValue = debounce(searchValue, 300);
const { groups, isLoading } = useGroups(debouncedValue);
const { groups, isLoading, hasNextPage, fetchNextPage } = useGroups(debouncedValue);
const createGroup = () => {
dispatch(openModal('CREATE_GROUP'));
const handleLoadMore = () => {
if (hasNextPage) {
fetchNextPage();
}
};
const createGroup = () => dispatch(openModal('CREATE_GROUP'));
const renderBlankslate = () => (
<Stack space={4} alignItems='center' justifyContent='center' className='py-6'>
<Stack space={2} className='max-w-sm'>
@ -104,6 +108,8 @@ const Groups: React.FC = () => {
showLoading={isLoading && groups.length === 0}
placeholderComponent={PlaceholderGroupCard}
placeholderCount={3}
onLoadMore={handleLoadMore}
hasMore={hasNextPage}
>
{groups.map((group) => (
<Link key={group.id} to={`/group/${group.slug}`}>