mirror of
https://github.com/streamyfin/streamyfin.git
synced 2026-01-15 23:59:08 +00:00
12047cbe12
Fixes missing dependencies in useMemo and useCallback hooks to prevent stale closures and potential bugs. Adds null/undefined guards before navigation in music components to prevent crashes when attempting to navigate with missing IDs. Corrects query key from "company" to "genre" in genre page to ensure proper cache invalidation. Updates Jellyseerr references to Seerr throughout documentation and error messages for consistency. Improves type safety by adding error rejection handling in SeerrApi and memoizing components to optimize re-renders.
74 lines
2.4 KiB
TypeScript
74 lines
2.4 KiB
TypeScript
import { sortBy } from "lodash";
|
|
import type React from "react";
|
|
import { useMemo } from "react";
|
|
import { View } from "react-native";
|
|
import CompanySlide from "@/components/seerr/discover/CompanySlide";
|
|
import GenreSlide from "@/components/seerr/discover/GenreSlide";
|
|
import MovieTvSlide from "@/components/seerr/discover/MovieTvSlide";
|
|
import RecentRequestsSlide from "@/components/seerr/discover/RecentRequestsSlide";
|
|
import { DiscoverSliderType } from "@/utils/jellyseerr/server/constants/discover";
|
|
import type DiscoverSlider from "@/utils/jellyseerr/server/entity/DiscoverSlider";
|
|
import { networks } from "@/utils/jellyseerr/src/components/Discover/NetworkSlider";
|
|
import { studios } from "@/utils/jellyseerr/src/components/Discover/StudioSlider";
|
|
|
|
interface Props {
|
|
sliders?: DiscoverSlider[];
|
|
}
|
|
|
|
const Discover: React.FC<Props> = ({ sliders }) => {
|
|
const hasSliders = !!sliders;
|
|
|
|
const sortedSliders = useMemo(
|
|
() =>
|
|
sortBy(
|
|
(sliders ?? []).filter((s) => s.enabled),
|
|
"order",
|
|
),
|
|
[sliders],
|
|
);
|
|
|
|
if (!hasSliders) return null;
|
|
|
|
return (
|
|
<View className='flex flex-col space-y-4 mb-8'>
|
|
{sortedSliders.map((slide) => {
|
|
switch (slide.type) {
|
|
case DiscoverSliderType.RECENT_REQUESTS:
|
|
return (
|
|
<RecentRequestsSlide
|
|
key={slide.id}
|
|
slide={slide}
|
|
contentContainerStyle={{ paddingBottom: 16 }}
|
|
/>
|
|
);
|
|
case DiscoverSliderType.NETWORKS:
|
|
return (
|
|
<CompanySlide key={slide.id} slide={slide} data={networks} />
|
|
);
|
|
case DiscoverSliderType.STUDIOS:
|
|
return <CompanySlide key={slide.id} slide={slide} data={studios} />;
|
|
case DiscoverSliderType.MOVIE_GENRES:
|
|
case DiscoverSliderType.TV_GENRES:
|
|
return <GenreSlide key={slide.id} slide={slide} />;
|
|
case DiscoverSliderType.TRENDING:
|
|
case DiscoverSliderType.POPULAR_MOVIES:
|
|
case DiscoverSliderType.UPCOMING_MOVIES:
|
|
case DiscoverSliderType.POPULAR_TV:
|
|
case DiscoverSliderType.UPCOMING_TV:
|
|
return (
|
|
<MovieTvSlide
|
|
key={slide.id}
|
|
slide={slide}
|
|
contentContainerStyle={{ paddingBottom: 16 }}
|
|
/>
|
|
);
|
|
default:
|
|
return null;
|
|
}
|
|
})}
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default Discover;
|