diff --git a/frontend/src/helperComponents/Anime.svelte b/frontend/src/helperComponents/Anime.svelte index 1679779..db98563 100644 --- a/frontend/src/helperComponents/Anime.svelte +++ b/frontend/src/helperComponents/Anime.svelte @@ -436,13 +436,6 @@ 1; } - $: validProgress = currentAniListAnime.data && ( - currentAniListAnime.data.MediaList.progress >= 0 && - (currentAniListAnime.data.MediaList.media.episodes === 0 || - currentAniListAnime.data.MediaList.progress <= currentAniListAnime.data.MediaList.media.episodes) && - (currentAniListAnime.data.MediaList.media.nextAiringEpisode?.episode === 0 || - currentAniListAnime.data.MediaList.progress <= currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode - 1) - );
@@ -516,7 +509,18 @@ {max} id="episodes" class="border border-x-0 p-2.5 h-11 text-center text-sm block w-full placeholder-gray-400 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none - {validProgress + {currentAniListAnime.data.MediaList.progress < 0 || + (currentAniListAnime.data.MediaList.media.episodes > + 0 && + currentAniListAnime.data.MediaList.progress > + currentAniListAnime.data.MediaList.media + .episodes) || + (currentAniListAnime.data.MediaList.media + .nextAiringEpisode.episode > 0 && + currentAniListAnime.data.MediaList.progress > + currentAniListAnime.data.MediaList.media + .nextAiringEpisode.episode - + 1) ? 'border-red-500 border-[2px] text-rose-300 focus:ring-red-500 focus:border-red-500' : 'bg-gray-700 hover:bg-gray-600 border-gray-600 text-white focus:ring-blue-500 focus:border-blue-500'}" bind:value={