Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-08-20 06:06:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix carousels and categories

Browse source
This commit is contained in:
Pas 2025-06-07 18:39:34 -06:00
parent 03c30425e6
commit 8e9ec84fd7
1 changed files with 25 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
src/pages/discover/AllMovieLists.tsx
View file

@ -9,6 +9,8 @@ import { MediaCard } from "@/components/media/MediaCard";
import { DetailsModal } from "@/components/overlays/details/DetailsModal";
import { useModal } from "@/components/overlays/Modal";
import { Heading1 } from "@/components/utils/Text";
import { useIsMobile } from "@/hooks/useIsMobile";
import { CarouselNavButtons } from "@/pages/discover/components/CarouselNavButtons";
import { SubPageLayout } from "@/pages/layouts/SubPageLayout";
import { useDiscoverStore } from "@/stores/discover";
import { MediaItem } from "@/utils/mediaTypes";
@ -22,6 +24,7 @@ export function DiscoverMore() {
const carouselRefs = useRef<{ [key: string]: HTMLDivElement | null }>({});
const navigate = useNavigate();
const { lastView } = useDiscoverStore();
const { isMobile } = useIsMobile();
useEffect(() => {
const fetchLetterboxdLists = async () => {
@ -81,28 +84,24 @@ export function DiscoverMore() {
</WideContainer>
<WideContainer ultraWide>
{/* Latest Movies */}
<MediaCarousel
content={{ type: "latest", fallback: "nowPlaying" }}
isTVShow={false}
carouselRefs={carouselRefs}
onShowDetails={handleShowDetails}
/>
{/* Latest TV Shows */}
<MediaCarousel
content={{ type: "latesttv", fallback: "onTheAir" }}
isTVShow
carouselRefs={carouselRefs}
onShowDetails={handleShowDetails}
/>
<div className="relative">
<MediaCarousel
content={{ type: "latest", fallback: "nowPlaying" }}
isTVShow={false}
carouselRefs={carouselRefs}
onShowDetails={handleShowDetails}
/>
</div>
{/* Top Rated Movies */}
<MediaCarousel
content={{ type: "topRated" }}
isTVShow={false}
carouselRefs={carouselRefs}
onShowDetails={handleShowDetails}
/>
<div className="relative">
<MediaCarousel
content={{ type: "latest4k", fallback: "topRated" }}
isTVShow={false}
carouselRefs={carouselRefs}
onShowDetails={handleShowDetails}
/>
</div>
{/* Letterboxd Lists */}
{letterboxdLists.map((list) => (
@ -149,6 +148,12 @@ export function DiscoverMore() {
))}
<div className="md:w-12" />
</div>
{!isMobile && (
<CarouselNavButtons
categorySlug={list.listUrl}
carouselRefs={carouselRefs}
/>
)}
</div>
</div>
))}