diff --git a/src/app/UserItemListPage.js b/src/app/UserItemListPage.js index 5022323..37091cf 100644 --- a/src/app/UserItemListPage.js +++ b/src/app/UserItemListPage.js @@ -134,6 +134,7 @@ export function ClosetList({ closetList, isCurrentUser, headingVariant = "list-item", + maxNumItemsToShow = null, }) { const { isSupportUser, supportSecret } = useSupport(); const toast = useToast(); @@ -350,12 +351,7 @@ export function ClosetList({ ); diff --git a/src/app/UserItemListsIndexPage.js b/src/app/UserItemListsIndexPage.js index e1a6b12..9d694ff 100644 --- a/src/app/UserItemListsIndexPage.js +++ b/src/app/UserItemListsIndexPage.js @@ -265,6 +265,12 @@ function UserItemListsIndexPage() { ? "hidden" : "list-item" } + // For default lists, we don't have a separate page, we just + // inline them all here. This is a less-nice experience, but it + // simplifies the single-list page a lot to not have to care, + // and for now we just kinda expect that people who care about + // trade lists enough will group them into lists so it's nbd! + maxNumItemsToShow={!closetList.isDefaultList ? 14 : null} /> ))} @@ -292,6 +298,12 @@ function UserItemListsIndexPage() { ? "hidden" : "list-item" } + // For default lists, we don't have a separate page, we just + // inline them all here. This is a less-nice experience, but it + // simplifies the single-list page a lot to not have to care, + // and for now we just kinda expect that people who care about + // trade lists enough will group them into lists so it's nbd! + maxNumItemsToShow={!closetList.isDefaultList ? 14 : null} /> ))}