open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix tournaments page loading indicator and turn page size back down

Browse Source
This commit is contained in:
Marshall Polaris 2022-09-03 14:07:34 -07:00
parent 9060abde8e
commit 89b30fc50d
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/pages/tournaments/index.tsx
View File

@ -223,13 +223,16 @@ const ImageCarousel = (props: { images: MarketImage[]; url: string }) => {
const MarketCarousel = (props: { slug: string }) => {
const { slug } = props
const q = contractsByGroupSlugQuery(slug)
const { allItems, getNext, isLoading } = usePagination({ q, pageSize: 12 })
return isLoading ? (
const { allItems, getNext } = usePagination({ q, pageSize: 6 })
const items = allItems()
// todo: would be nice to have indicator somewhere when it loads next page
return items.length === 0 ? (
<LoadingIndicator className="mt-10" />
) : (
<Carousel className="-mx-4 mt-4 sm:-mx-10" loadMore={getNext}>
<div className="shrink-0 sm:w-6" />
{allItems().map((m) => (
{items.map((m) => (
<ContractCard
key={m.id}
contract={m}