helllo
+
+
+ )
+}
\ No newline at end of file
diff --git a/pages/movie/[id].js b/pages/movie/[id].js
index d8da4d4..f2e70f2 100644
--- a/pages/movie/[id].js
+++ b/pages/movie/[id].js
@@ -129,7 +129,7 @@ export function renderRating(rating) {
}
}
-function renderLength(runtime) {
+export function renderLength(runtime) {
if (runtime !== 0 && runtime !== undefined) {
return runtime + ' min?.'
} else {
@@ -145,7 +145,7 @@ export function renderLanguage(languages) {
}
}
-function renderYear(year) {
+export function renderYear(year) {
if (!year) {
return 'N/A'
} else {
diff --git a/pages/play/movies.js b/pages/play/movies.js
index 746ee8f..f46865c 100644
--- a/pages/play/movies.js
+++ b/pages/play/movies.js
@@ -1,20 +1,117 @@
-import React from 'react'
-import { useRouter } from 'next/router';
+import React, {useState} from 'react'
+import {useRouter} from 'next/router';
import Head from 'next/head'
+import useSWR from "swr";
+import FilmGenres from '../../components/FilmGenres'
+import FilmHeading from '../../components/FilmHeading'
+import FilmImage from '../../components/FilmImage'
+import FilmInfo from '../../components/FilmInfo'
+import FilmRating from '../../components/FilmRating'
+import FilmSynopsis from '../../components/FilmSynopsis'
+import {renderLanguage, renderLength, renderRating, renderStatus, renderYear} from "../movie/[id]";
+import {AiOutlineExpand} from "react-icons/ai";
+
+const servers_ = [
+ {
+ servername: "Vidsrc.me", link: "https://vidsrc.me/embed/movie?",
+ },
+ {
+ servername: "Vidsrc.to", link: "https://vidsrc.to/embed/movie/"
+ },
+ {
+ servername: "Moviesapi.club", link: "https://moviesapi.club/movie/"
+ }
+]
+const fetcher = (...args) => fetch(...args).then((res) => res.json())
const Movies = () => {
const router = useRouter()
- const { id,tmdb} = router.query;
-
- return (
- <>
-
-
+
+
+ )
+}
+export default Movies;
diff --git a/utils/index.js b/utils/index.js
index 986efec..06d739e 100644
--- a/utils/index.js
+++ b/utils/index.js
@@ -1,24 +1,23 @@
-import { v4 as uuidv4 } from 'uuid'
+import {v4 as uuidv4} from 'uuid'
export const TMDB_ENDPOINT = "https://api.themoviedb.org/3"
export const TMDB_API_KEY = "d0e6107be30f2a3cb0a34ad2a90ceb6f"
export const TMDB_IMAGE_ENDPOINT = 'https://image.tmdb.org/t/p/original'
-
export const pathToSearchAll = '/search/'
export const pathToSearchMovie = '/search/movie/'
export const pathToSearchTV = '/search/tv/'
-export const fetcher = url => fetch(url).then(res =>{
+export const fetcher = url => fetch(url).then(res => {
- return res.json()
- })
+ return res.json()
+})
export const shimmer = (w, h) => `
-
+
+
+
+
+ setMovieDetailsHidden(!MovieDetailsHidden)}
+ className={"flex flex-row gap-1 items-center hover:text-orange-500 transition duration-300 ease-in-out hover:cursor-pointer"}>
+
+
+
+
+
+
+ {`You are watching `}
+
+ {data ? data.imdb.imdb.name : ""}
+ If current server doesn't work please try other servers beside.
+
+
+
+ {servers_.map((server, index) => {
+ return (
+
+ {
+ if (server.servername === "Vidsrc.me")
+ setVideoServer(server.link + me)
+ else if (server.servername === "Vidsrc.to")
+ setVideoServer(server.link + to)
+ else
+ setVideoServer(server.link + data?.imdb.imdb.tmdb_id);
+ }
+ }
+ className={"dark:bg-app-semi-dark-blue dark:text-white hover:scale-110 hover:cursor-pointer transition duration-300 ease-in-out bg-app-shady-white rounded p-3 w-[8em] text-center h-8"}
+ key={index}>
+ {server.servername}
+
+ )
+ })}
+
+
+
+
+
+
+
+
+