MattTheTekie/secret
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added new icons

Browse source
This commit is contained in:
Rohithk 2023-09-27 22:20:51 +05:30
commit f8118a4770
2 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
pages/play/movies.js
View file

@ -11,6 +11,7 @@ import FilmSynopsis from '../../components/FilmSynopsis'
import {renderLanguage, renderLength, renderRating, renderStatus, renderYear} from "../movie/[id]";
import {AiOutlineExpand} from "react-icons/ai";
import {BsFillLightbulbFill} from "react-icons/bs";
import {BiCollapse} from "react-icons/bi";
const servers_ = [{
servername: "Vidsrc.me", link: "https://vidsrc.me/embed/movie?",
@ -30,7 +31,7 @@ const Movies = () => {
const to = tmdb ? `${tmdb}` : `${id}`
const [lightStatus, switchLight] = useState(false)
const [videoServer, setVideoServer] = useState('')
const {data, error} = useSWR(`/api/movie/${id}`, fetcher)
const {data} = useSWR(`/api/movie/${id}`, fetcher)
const [MovieDetailsHidden, setMovieDetailsHidden] = useState(true)
useEffect(() => {
if (localStorage.getItem("userWatched")) {
@ -76,8 +77,9 @@ const Movies = () => {
<div
className={`${lightStatus ? 'w-1/2 absolute ' : 'w-full '} p-4 pl-0 bg-transparent gap-10 z-[999] flex flex-row justify-start top-[100%] lg:top-[90%] items-center `}>
<div onClick={() => setMovieDetailsHidden(!MovieDetailsHidden)}
className={"flex flex-row gap-1 items-center hover:text-orange-500 transition duration-300 ease-in-out hover:cursor-pointer"}>
<AiOutlineExpand/>
className={`${lightStatus ? 'hidden' : 'flex'} flex-row gap-1 items-center hover:text-orange-500 transition duration-300 ease-in-out hover:cursor-pointer`}>
{MovieDetailsHidden ?
<AiOutlineExpand/>:<BiCollapse/> }
<span>{MovieDetailsHidden ? 'Expand' : 'Collapse'}</span>
</div>
<div onClick={() => switchLight(!lightStatus)}

14
pages/play/tv.js
View file

@ -4,6 +4,7 @@ import Head from 'next/head'
import {AiOutlineDown, AiOutlineExpand, AiOutlineRight} from "react-icons/ai";
import useSWR from "swr";
import {BsFillLightbulbFill} from "react-icons/bs";
import {BiCollapse} from "react-icons/bi";
const servers_ = [
{
@ -25,7 +26,7 @@ const Tv = () => {
const router = useRouter()
const {id, tmdb} = router.query;
const {data, error} = useSWR(`/api/tv/${tmdb}`, fetcher)
const {data} = useSWR(`/api/tv/${tmdb}`, fetcher)
const [MovieDetailsHidden, setMovieDetailsHidden] = useState(false)
const [tvDetails, setTvDetails] = useState({
episode: 1, season: 1
@ -168,7 +169,8 @@ const Tv = () => {
<div
className={`w-full h-screen top-0 left-0 z-[997] bg-black transition duration-300 ease-in-out ${lightStatus ? 'opacity-1 fixed' : 'opacity-0 h-0 w-0'}`}>
</div>
<div className={` ${MovieDetailsHidden ? 'w-full' : 'min-w-2/3 '} flex flex-col ${lightStatus ? '' : 'h-full'} z-[999] h-full`}>
<div
className={` ${MovieDetailsHidden ? 'w-full' : 'min-w-2/3 '} flex flex-col ${lightStatus ? '' : 'h-full'} z-[999] h-full`}>
<div
className={"w-full h-16 pb-2 text-3xl"}>{data?.detail.name} S{tvDetails.season} E{tvDetails.episode}</div>
<iframe
@ -178,8 +180,10 @@ const Tv = () => {
allowFullScreen="allowfullscreen"></iframe>
<div className={"w-full p-4 pl-0 bg-transparent flex gap-10 flex-row justify-start items-center"}>
<div onClick={() => setMovieDetailsHidden(!MovieDetailsHidden)}
className={"flex flex-row gap-1 items-center hover:text-orange-500 transition duration-300 ease-in-out hover:cursor-pointer"}>
<AiOutlineExpand/>
className={`${lightStatus ? 'hidden' : 'flex'} flex flex-row gap-1 items-center hover:text-orange-500 transition duration-300 ease-in-out hover:cursor-pointer`}>
{MovieDetailsHidden ?
<AiOutlineExpand/> : <BiCollapse/>}
<span>{MovieDetailsHidden ? 'Expand' : 'Collapse'}</span>
</div>
<div onClick={() => switchLight(!lightStatus)}
@ -249,7 +253,7 @@ const Tv = () => {
</div>
</div>
<div className={` ${lightStatus ?'hidden':'flex'} w-full justify-start items-center h-36`}>
<div className={` ${lightStatus ? 'hidden' : 'flex'} w-full justify-start items-center h-36`}>
<div className={"rounded w-full h-full flex flex-row "}>
<div
className={"p-2 h-full bg-app-shady-white dark:bg-app-grey dark:text-black text-center w-1/3"}>