mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-20 14:37:43 +01:00
Code Issues Wiki Activity

Flaire

Browse source
This commit is contained in:
Abdullah Khan 2024-06-21 00:44:42 -04:00 committed by GitHub
parent 47d4dee0ce
commit 975c9e7d85
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/components/media/ModalEpisodeSelector.tsx
View file

@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { get } from "@/backend/metadata/tmdb"; import { get } from "@/backend/metadata/tmdb";
import { Flare } from "@/components/utils/Flare";
import { conf } from "@/setup/config"; import { conf } from "@/setup/config";
interface ModalEpisodeSelectorProps { interface ModalEpisodeSelectorProps {
@ -100,29 +101,35 @@ export function EpisodeSelector({
still_path: string; still_path: string;
id: number; id: number;
}) => ( }) => (
<div <Flare.Base
key={episode.id} key={episode.id}
onClick={() => { onClick={() => {
const url = `/media/tmdb-tv-${tmdbId}-${mediaTitle}/${selectedSeason.id}/${episode.id}`; const url = `/media/tmdb-tv-${tmdbId}-${mediaTitle}/${selectedSeason.id}/${episode.id}`;
// eslint-disable-next-line no-console
console.log(`Navigating to: ${url}`); console.log(`Navigating to: ${url}`);
// eslint-disable-next-line no-console
console.log( console.log(
`Season ID: ${selectedSeason.id}, Episode ID: ${episode.id}`, `Season ID: ${selectedSeason.id}, Episode ID: ${episode.id}`,
); );
navigate(url); navigate(url);
}} }}
className="bg-mediaCard-hoverBackground rounded p-2 hover:scale-95 transition-transform transition-border-color duration-[0.28s] ease-in-out transform-origin-center" className="group cursor-pointer rounded-xl relative p-[0.65em] bg-background-main transition-colors duration-[0.28s]"
> >
<img <Flare.Light
src={`https://image.tmdb.org/t/p/w500/${episode.still_path}`} flareSize={300}
className="w-full h-auto rounded" cssColorVar="--colors-mediaCard-hoverAccent"
alt={episode.name} backgroundClass="bg-mediaCard-hoverBackground duration-200"
className="rounded-xl bg-background-main group-hover:opacity-100"
/> />
<p className="text-center text-[0.95em] mt-2"> <div className="relative z-10">
{`S${selectedSeason.season_number}E${episode.episode_number}: ${episode.name}`} <img
</p> src={`https://image.tmdb.org/t/p/w500/${episode.still_path}`}
</div> className="w-full h-auto rounded"
alt={episode.name}
/>
<p className="text-center text-[0.95em] mt-2">
{`S${selectedSeason.season_number}E${episode.episode_number}: ${episode.name}`}
</p>
</div>
</Flare.Base>
), ),
) )
) : ( ) : (