Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-05 07:44:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: episode slider

Browse source
This commit is contained in:
Kentai Radiquum 2024-11-22 02:33:48 +05:00
parent 03ef38be92
commit b2149b39cb
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
app/components/ReleasePlayer/ReleasePlayer.tsx
View file

@ -263,23 +263,28 @@ export const ReleasePlayer = (props: { id: number }) => {
direction={"horizontal"}
mousewheel={{
enabled: true,
sensitivity: 2
sensitivity: 2,
}}
scrollbar={true}
allowTouchMove={true}
style={{
"--swiper-scrollbar-bottom": "0",
} as React.CSSProperties}
style={
{
"--swiper-scrollbar-bottom": "0",
} as React.CSSProperties
}
>
{episodeInfo.map((episode: any) => (
<SwiperSlide key={`episode_${episode.position}`} style={{maxWidth: "fit-content"}}>
<SwiperSlide
key={`episode_${episode.position}`}
style={{ maxWidth: "fit-content" }}
>
<Button
color={
selectedEpisode.position === episode.position
? "blue"
: "light"
}
theme={{ base: "w-fit disabled:opacity-100" }}
theme={{ base: "w-full disabled:opacity-100" }}
onClick={() => {
setSelectedEpisode(episode);
episode.is_watched = true;
@ -300,14 +305,16 @@ export const ReleasePlayer = (props: { id: number }) => {
? episode.position
: episode.position + 1
} серия`}
{(episode.is_watched ||
getAnonCurrentEpisodeWatched(
props.id,
selectedSource.id,
selectedVoiceover.id,
episode.position
)) && (
{episode.is_watched ||
getAnonCurrentEpisodeWatched(
props.id,
selectedSource.id,
selectedVoiceover.id,
episode.position
) ? (
<span className="w-5 h-5 ml-2 iconify material-symbols--check-circle"></span>
) : (
<span className="w-5 h-5 ml-2 opacity-10 iconify material-symbols--check-circle"></span>
)}
</Button>
</SwiperSlide>