remove refresh buttons from grid carousel by default

This commit is contained in:
jeffvli
2025-12-23 21:27:12 -08:00
parent 05efd0f318
commit 936ba73fe4
4 changed files with 19 additions and 3 deletions
@@ -342,6 +342,7 @@ export const AlbumDetailContent = () => {
uniqueId: 'moreFromArtist',
},
{
enableRefresh: true,
excludeIds: detailQuery?.data?.id ? [detailQuery.data.id] : undefined,
isHidden: !detailQuery?.data?.genres?.[0],
query: {
@@ -413,6 +414,7 @@ export const AlbumDetailContent = () => {
.filter((c) => !c.isHidden)
.map((carousel) => (
<AlbumInfiniteCarousel
enableRefresh={carousel.enableRefresh}
excludeIds={carousel.excludeIds}
key={`carousel-${carousel.uniqueId}`}
query={carousel.query}
@@ -19,6 +19,7 @@ import {
import { ItemListKey } from '/@/shared/types/types';
interface AlbumCarouselProps {
enableRefresh?: boolean;
excludeIds?: string[];
query?: Partial<Omit<AlbumListQuery, 'startIndex'>>;
rowCount?: number;
@@ -28,7 +29,15 @@ interface AlbumCarouselProps {
}
const BaseAlbumInfiniteCarousel = (props: AlbumCarouselProps) => {
const { excludeIds, query: additionalQuery, rowCount = 1, sortBy, sortOrder, title } = props;
const {
enableRefresh,
excludeIds,
query: additionalQuery,
rowCount = 1,
sortBy,
sortOrder,
title,
} = props;
const rows = useGridRows(LibraryItem.ALBUM, ItemListKey.ALBUM);
const {
data: albums,
@@ -81,6 +90,7 @@ const BaseAlbumInfiniteCarousel = (props: AlbumCarouselProps) => {
return (
<GridCarousel
cards={cards}
enableRefresh={enableRefresh}
hasNextPage={hasNextPage}
loadNextPage={fetchNextPage}
onNextPage={handleNextPage}
@@ -38,6 +38,7 @@ const HomeRoute = () => {
title: t('page.home.mostPlayed', { postProcess: 'sentenceCase' }),
},
[HomeItem.RANDOM]: {
enableRefresh: true,
itemType: LibraryItem.ALBUM,
sortBy: AlbumListSort.RANDOM,
sortOrder: SortOrder.ASC,
@@ -118,6 +119,7 @@ const HomeRoute = () => {
if (carousel.itemType === LibraryItem.ALBUM) {
return (
<AlbumInfiniteCarousel
enableRefresh={carousel.enableRefresh}
key={`carousel-${carousel.uniqueId}`}
rowCount={1}
sortBy={carousel.sortBy}