From 7381c0f25f08c357d74d6cf89499464a2bc1a275 Mon Sep 17 00:00:00 2001 From: Dylan Audius Date: Sun, 17 May 2026 17:11:37 -0700 Subject: [PATCH] fix(mobile): use ContestCardSkeleton in explore contests carousel --- .../explore-screen/components/FeaturedRemixContests.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx b/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx index 273ac08c2e0..aedf8764fe5 100644 --- a/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx +++ b/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx @@ -5,10 +5,8 @@ import { exploreMessages as messages } from '@audius/common/messages' import { useWindowDimensions } from 'react-native' import { useTheme } from '@audius/harmony-native' -import { ContestCard } from 'app/components/contest-card' +import { ContestCard, ContestCardSkeleton } from 'app/components/contest-card' import { CardList } from 'app/components/core' -import { TrackCardSkeleton } from 'app/components/track/TrackCardSkeleton' - import { useDeferredElement } from '../../../hooks/useDeferredElement' import { ExploreSection } from './ExploreSection' @@ -24,7 +22,6 @@ export const FeaturedRemixContests = () => { const { width: windowWidth } = useWindowDimensions() const contestCardWidth = windowWidth - CONTEST_CARD_PEEK const { InViewWrapper, inView } = useDeferredElement() - const { data: allContestTrackIds, isPending: isAllContestsPending } = useAllRemixContests(undefined, { enabled: inView }) @@ -38,7 +35,9 @@ export const FeaturedRemixContests = () => { carouselSpacing={spacing.l} horizontalCardWidth={contestCardWidth} isLoading={isAllContestsPending} - LoadingCardComponent={TrackCardSkeleton} + LoadingCardComponent={() => ( + + )} />