diff options
Diffstat (limited to 'components/anime/watch/primary/details.js')
| -rw-r--r-- | components/anime/watch/primary/details.js | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/components/anime/watch/primary/details.js b/components/anime/watch/primary/details.js index 94c3360..f092879 100644 --- a/components/anime/watch/primary/details.js +++ b/components/anime/watch/primary/details.js @@ -8,6 +8,7 @@ export default function Details({ info, session, epiNumber, + description, id, onList, setOnList, @@ -48,7 +49,10 @@ export default function Details({ <Skeleton height={240} /> )} </div> - <div className="grid w-full pl-5 gap-3 h-[240px]"> + <div + className="grid w-full pl-5 gap-3 h-[240px]" + data-episode={info?.episodes || "0"} + > <div className="grid grid-cols-2 gap-1 items-center"> <h2 className="text-sm font-light font-roboto text-[#878787]"> Studios @@ -93,11 +97,15 @@ export default function Details({ <div className="grid grid-flow-dense grid-cols-2 gap-2 h-full w-full"> {info ? ( <> - <div className="line-clamp-3">{info.title?.romaji || ""}</div> - <div className="line-clamp-3"> + <div className="title-rm line-clamp-3"> + {info.title?.romaji || ""} + </div> + <div className="title-en line-clamp-3"> {info.title?.english || ""} </div> - <div className="line-clamp-3">{info.title?.native || ""}</div> + <div className="title-nt line-clamp-3"> + {info.title?.native || ""} + </div> </> ) : ( <Skeleton width={200} height={50} /> @@ -120,7 +128,7 @@ export default function Details({ <div className={`bg-secondary rounded-md mt-3 mx-3`}> {info && ( <p - dangerouslySetInnerHTML={{ __html: info?.description }} + dangerouslySetInnerHTML={{ __html: description }} className={`p-5 text-sm font-light font-roboto text-[#e4e4e4] `} /> )} |