Skip to content

Commit

Permalink
fix(episode-layout-container): continue watching doesn't show if not …
Browse files Browse the repository at this point in the history
…in episode chunk
  • Loading branch information
hoangvu12 committed Sep 8, 2024
1 parent e0914fd commit d316c51
Showing 1 changed file with 13 additions and 7 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,12 @@ import EpisodeDetails from '@/screens/anime/components/episode-details';
import { getWatchedEpisode } from '@/storage/episode';
import { Text, View } from '@/ui';

import { episodeChunkAtom, isAscendingAtom, layoutModeAtom } from '../store';
import {
episodeChunkAtom,
isAscendingAtom,
layoutModeAtom,
sectionEpisodesAtom,
} from '../store';

const PADDING = 16;
const SPACE_BETWEEN = 4;
Expand All @@ -20,7 +25,8 @@ const EpisodeLayoutContainer: React.FC<{
duration: number | undefined;
}> = ({ mediaId, progress, duration }) => {
const layoutMode = useAtomValue(layoutModeAtom);
const episodes = useAtomValue(episodeChunkAtom);
const episodesChunk = useAtomValue(episodeChunkAtom);
const sectionEpisodes = useAtomValue(sectionEpisodesAtom);
const isAscending = useAtomValue(isAscendingAtom);

const { width } = useScreenSize();
Expand All @@ -38,7 +44,7 @@ const EpisodeLayoutContainer: React.FC<{
return getWatchedEpisode(mediaId);
}, [mediaId]);

const progressEpisode = episodes.find(
const progressEpisode = sectionEpisodes.find(
(ep) => parseInt(ep.number, 10) === progress
);

Expand All @@ -55,11 +61,11 @@ const EpisodeLayoutContainer: React.FC<{

const sortedEpisodes = useMemo(() => {
if (isAscending) {
return episodes.sort((a, b) => Number(a.number) - Number(b.number));
return episodesChunk.sort((a, b) => Number(a.number) - Number(b.number));
}

return episodes.sort((a, b) => Number(b.number) - Number(a.number));
}, [episodes, isAscending]);
return episodesChunk.sort((a, b) => Number(b.number) - Number(a.number));
}, [episodesChunk, isAscending]);

return (
<React.Fragment>
Expand All @@ -83,7 +89,7 @@ const EpisodeLayoutContainer: React.FC<{

{layoutMode === 'details' ? (
<FlashList
data={episodes}
data={episodesChunk}
estimatedItemSize={161}
renderItem={({ item: episode }) => {
const episodeNumber = parseInt(episode.number, 10);
Expand Down

0 comments on commit d316c51

Please sign in to comment.