FIX STASH

Common/CardGrid.js

@@ -15,7 +15,7 @@ export function formatBytes(bytes, decimals = 1) {
 
 
 const CardExpanded = (props) => {
-
+  console.log("pp",props?.blur)
   const router = useRouter();
   let name = props.item[`name`];
   let time = new Date(props.item[`timestamp`]);

Common/TorrentList.js

@@ -3,7 +3,8 @@ import { useRouter } from 'next/router';
 import React from 'react'
 import Modal from "react-modal";
 import { formatBytes } from './CardExpanded';
-const TorrentList = ({ setisTorrent,torrent_list, runtime }) => {
+import DataTable,{createTheme} from 'react-data-table-component';
+const TorrentList = ({ setisTorrent, torrent_list, runtime }) => {
   const router = useRouter()
   const customStyles = {
     content: {
@@ -15,13 +16,111 @@ const TorrentList = ({ setisTorrent,torrent_list, runtime }) => {
       transform: 'translate(-50%, -50%)',
       background: "#171e30",
       maxHeight: "700px",
-      maxWidth: "900px",
+      maxWidth: "1080px",
       width: "100%",
-      borderColor:"#454851",
+      borderColor: "#454851",
-     
+
     },
   };
 
+  console.log("torrent_list", torrent_list)
+
+
+
+  const columns = [
+    {
+      name: 'Name',
+      selector: row => row.name,
+      sortable:true,
+
+    },
+    {
+      name: 'Action',
+     
+      cell:(row, index) => {
+        let slug = row?.name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, '');
+                
+        return(
+          <a onClick={()=>router.push(`/post-detail/${row?.eid}/${slug}/`)}>
+           Download
+          </a>
+        )
+      },
+      width:"10%",
+      style:{
+        color:"#296ac8",
+        cursor:"pointer",
+      
+      }
+    },
+    {
+      name: 'Category',
+      selector: row => row.category_str,
+      width:"10%",
+      sortable:true,
+    },
+    {
+      name: 'Date',
+      selector: row => moment(row?.last_checked).format("DD-MM-YYYY"),
+      width:"10%",
+      sortable:true,
+    },
+    {
+      name: 'Runtime',
+      selector: row => moment.utc(runtime * 1000).format('HH:mm:ss'),
+      width:"11%",
+      sortable:true,
+    },
+    {
+      name: 'Size',
+      selector: row => formatBytes(row?.size),
+      sortable:true,
+      width:"10%",
+      sortFunction: (a, b) => {
+       
+        return a.size - b.size;
+      },
+    },
+    {
+      name: 'S',
+      selector: row => row?.seeders,
+      sortable:true,
+      width:"6%",
+      style:{
+        color:"#00FF00",
+       
+       
+      }
+      
+    },
+    {
+      name: 'L',
+      selector: row => row.leechers,
+      sortable:true,
+      width:"6%",
+      style:{
+        color:"#dd0c0e",
+       
+      }
+    },
+  ];
+  createTheme('dark', {
+    background: {
+      default: 'transparent',
+    },
+  });
+
+  const customCss = {
+   
+    headCells: {
+        style: {
+           fontSize:"14px",
+           fontWeight:"700",
+           color:"#C2D8D3"
+        },
+    },
+
+};
 
   return (
     <>
@@ -29,9 +128,26 @@ const TorrentList = ({ setisTorrent,torrent_list, runtime }) => {
       <Modal
         isOpen={true}
         style={customStyles}
-        onRequestClose={()=>setisTorrent(false)}
+        onRequestClose={() => setisTorrent(false)}
       >
+
+        
+
         {
+          torrent_list.length > 0 ?
+            <DataTable
+              columns={columns}
+              data={torrent_list}
+              theme="dark"
+              sortable
+              customStyles={customCss}
+            />
+            : <div className='nosimilar_torrent text-gray-700 '>
+              <h1>
+                Sorry Torrent Not Available Try after some days !!!
+              </h1>
+            </div>}
+        {/* {
           torrent_list.length>0?
           torrent_list?.map((item, index) => {
             return (
@@ -85,7 +201,7 @@ const TorrentList = ({ setisTorrent,torrent_list, runtime }) => {
          <h1>
           Sorry Torrent Not Available Try after some days !!!
          </h1>
-       </div> }
+       </div> } */}
 
       </Modal>
     </>

components/Layout.js

@@ -1,16 +1,12 @@
-import { useRouter } from 'next/router'
 import Footer from './Footer'
 import Navigation from './Navigation'
 
 export default function Layout({ children }) {
-  const router = useRouter()
   return (
     <div className='text-app-pure-white lg:flex'>
       <Navigation />
       <main  className='mx-0 flex p-1 flex-col py-6 md:m-6 md:px-0 md:pt-0 lg:ml-[10rem] lg:min-w-[800px] lg:grow'>
-
+        <div className='py-1 md:rounded-[10px] head' style={{textAlign:"center"}}>Y.A.P.S [Yet Another Piracy Site]</div>
-     {/* { (router.pathname==="/search" || router?.pathname==="/login") ? null: <div className='py-1 md:rounded-[10px] head' style={{textAlign:"center"}}>Y.A.P.S [Yet Another Piracy Site]</div>} */}
-       
         {children}
         <Footer />
       </main>

components/Navigation.js

@@ -19,7 +19,7 @@ export default function Navigation() {
   }, [])
   return (
     <nav className='sticky top-0 z-50 flex items-center justify-between bg-app-semi-dark-blue p-5 md:mx-6 md:mt-6 md:mb-[33px] md:rounded-[10px] lg:fixed lg:left-0 lg:mr-0 lg:h-5/6 lg:flex-col lg:py-9'>
-      <Tooltip id="my-tooltip" place="bottom-start" />
+      <Tooltip id="my-tooltip" place="bottom-start" events="hover" />
       <Link href='/' passHref>
         <a>
           <AppLogo />

components/icons/AppIcon.js

@@ -4,7 +4,7 @@ export default function AppIcon() {
   const router = useRouter()
   return (
     <svg
-      className={`h-[20px] w-[25px] lg:h-[25.6px] lg:w-[32px] icon-nav `}
+      className={`h-[20px] w-[25px] lg:h-[25.6px] lg:w-[32px] ${router.pathname == '/' ? 'active-link' : 'icon-nav'}`}
       data-tooltip-id="my-tooltip"
       data-tooltip-content="Home"
       width='1em'

next.config.js

@@ -9,7 +9,6 @@ const nextConfig = {
     domains: ['source.unsplash.com', 'image.tmdb.org','i.therarbg.com','localhost'],
   },
   reactStrictMode: true,
-  runtime: 'edge',
 }
 
 module.exports = nextConfig

package.json

@@ -16,6 +16,7 @@
     "nprogress": "^0.2.0",
     "react": "17.0.2",
     "react-bootstrap": "^2.8.0",
+    "react-data-table-component": "^7.5.4",
     "react-dom": "17.0.2",
     "react-icons": "^4.3.1",
     "react-modal": "^3.16.1",

pages/404.js

@@ -5,7 +5,7 @@ export default function Custom404() {
   return (
     <div className='my-20 flex flex-col items-center justify-center'>
       <Head>
-        <title>404 - Not Found | Yaps</title>
+        <title>404 - Not Found | Watcho</title>
       </Head>
       <h1 className='my-20 text-xl md:text-4xl'>404 - Page Not Found</h1>
       <Link href='/' passHref>

pages/dashboard.js

@@ -23,11 +23,11 @@ const Dashboard = () => {
   const getInformation = (token) => {
     setLoader(true)
     getTorrentList(token).then((res) => {
-
+      console.log("log", res?.data)
       setList(res?.data?.results)
       setLoader(false)
     }).catch((err) => {
-
+      console.log("res", err)
       ToastMsg((err?.response?.data?.message || "something went wrong"), "error")
       if (err?.response?.status === 401) {
         localStorage.clear()

pages/get-posts/[category].js

@@ -37,13 +37,11 @@ const Latest = () => {
 
   useEffect(() => {
     fetchMovieList(cat);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [page])
-  }, [page])// eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => {
     fetchMovieListRefresh(cat);
     setCat(categoryId)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [categoryId])
-  }, [categoryId])// eslint-disable-next-line react-hooks/exhaustive-deps
 
   const fetchMovieList = (cat) => {
    
@@ -51,7 +49,7 @@ const Latest = () => {
     let latest = ""
     setLoader(true)
     moviesListApi(page, category, latest).then((res) => {
-
+      console.log("page", res?.data?.results)
       setLoader(false)
       setMovieList([...movieList, ...res.data.results])
      
@@ -68,7 +66,7 @@ const Latest = () => {
     let latest = ""
     setLoader(true)
     moviesListApi(page, categoryId, latest).then((res) => {
-
+      console.log("page", res?.data?.results)
       setLoader(false)
       setMovieList(res.data.results)
     }).catch((err) => {
@@ -83,7 +81,7 @@ const Latest = () => {
     e.preventDefault()
     setLoader(true)
     getSearchResult(search).then((res) => {
-
+      console.log("page", res?.data?.results)
       setLoader(false)
       setMovieList(res.data.results)
     }).catch((err) => {
@@ -109,8 +107,8 @@ const Latest = () => {
     window.addEventListener('scroll', handleScroll);
     return () => {
       window.removeEventListener('scroll', handleScroll);
-    };// eslint-disable-next-line react-hooks/exhaustive-deps
+    };
-  }, [page]);// eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [page]);
 
 
   return (

pages/index.js

@@ -11,7 +11,7 @@ export default function Home() {
   return (
     <>
       <Head>
-        <title>Home | Yaps</title>
+        <title>Home | Watcho</title>
       </Head>
       <SearchBar searchPath={pathToSearchAll} />
 

pages/latest-top-10.js

@@ -28,19 +28,19 @@ const LendingPage = () => {
   useEffect(() => {
 
     fetchMovieList(categoryId);
-// eslint-disable-next-line react-hooks/exhaustive-deps
+
-  }, [page])// eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [page])
 
 
   const fetchMovieList = (categoryId) => {
     let latest = time ? time : "10D"
     setLoader(true)
     moviesTopListApi(page, categoryId, latest).then((res) => {
-   
+      console.log("page", res?.data?.top_posts_by_category)
       setLoader(false)
       setMovieList(res?.data?.top_posts_by_category)
     }).catch((err) => {
-
+      console.log("error", err)
       ToastMsg("Some thing went wrong ", "error")
       setLoader(false)
     })

pages/login.js

@@ -31,6 +31,7 @@ let data ={email:email,password:password}
 setLoader(true)
     loginApi(data).then((res)=>{
       
+      console.log("res",res.data.access)
       handleProfileDetails(res.data.access)
       localStorage.setItem("access_token",res.data.access)
       localStorage.setItem("refresh_token",res.data.refresh)
@@ -38,7 +39,7 @@ setLoader(true)
 
     }).catch((err)=>{
       setLoader(false)
-
+      console.log(err)
     })
 
 
@@ -47,7 +48,7 @@ setLoader(true)
   const handleProfileDetails =(token)=>{
     getProfileDetails(token).then((res)=>{
       setLoader(false)
-
+      console.log("resprofile",res.data)
       localStorage.setItem("user_profile",JSON.stringify(res?.data))
  if(page==="upload"){
   window.location.href="/upload";

pages/movie/genre/[id].js

@@ -15,7 +15,7 @@ export default function GenreMovie({ data, id, name, page }) {
   return (
     <div>
       <Head>
-        <title>{name} - Movies | Yaps</title>
+        <title>{name} - Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/movie/index.js

@@ -8,7 +8,7 @@ export default function Movie({ data }) {
   return (
     <>
       <Head>
-        <title>Movies | Yaps</title>
+        <title>Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/movie/now/[id].js

@@ -19,7 +19,7 @@ export default function NowPlayingMovies() {
   return (
     <div>
       <Head>
-        <title>Now Playing Movies | Yaps</title>
+        <title>Now Playing Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/movie/popular/[id].js

@@ -19,7 +19,7 @@ export default function PopularMovies() {
   return (
     <div>
       <Head>
-        <title>Popular Movies | Yaps</title>
+        <title>Popular Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/movie/top/[id].js

@@ -19,7 +19,7 @@ export default function TopRatedMovies() {
   return (
     <div>
       <Head>
-        <title>Top Rated Movies | Yaps</title>
+        <title>Top Rated Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/movie/trending/[id].js

@@ -19,7 +19,7 @@ export default function TrendingMovies() {
   return (
     <div>
       <Head>
-        <title>Trending Movies | Yaps</title>
+        <title>Trending Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/movie/upcoming.js

@@ -22,7 +22,7 @@ export default function UpcomingMovies() {
   return (
     <div>
       <Head>
-        <title>Upcoming Movies | Yaps</title>
+        <title>Upcoming Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/movie/upcoming/[id].js

@@ -19,7 +19,7 @@ export default function UpcomingMovies() {
   return (
     <div>
       <Head>
-        <title>Upcoming Movies | Yaps</title>
+        <title>Upcoming Movies | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/post-detail/[id]/[slug].js

@@ -50,9 +50,7 @@ const Details = () => {
 
   useEffect(() => {
     if (router.isReady) {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      id = router.query.id;
-      id = router.query.id;// eslint-disable-next-line react-hooks/exhaustive-deps
-   // eslint-disable-next-line react-hooks/exhaustive-deps
       slug = router.query.slug;
       if (!id) return null;
       getDetails()
@@ -86,7 +84,7 @@ const Details = () => {
     setLoader(true)
     let token = localStorage.getItem("access_token")
     getListComment(value, token).then((res) => {
-
+      console.log("response", res)
       setLoader(false)
       setCommentList(res?.data?.results)
     }).catch((err) => {
@@ -105,7 +103,7 @@ const Details = () => {
       comment: comment
     }
     postComment(data, token).then((res) => {
-
+      console.log("response", res)
       getCommentInfo(eid)
     }).catch((err) => {
       setLoader(false)

pages/search.js

@@ -26,7 +26,7 @@ const Home = () => {
     setLoader(true)
     getSearchResult(search,checkboxInput).then((res) => {
       setSearchSuccess(true)
-
+      console.log("page", res?.data?.results)
       setLoader(false)
       setMovieList(res.data.results)
     }).catch((err) => {
@@ -39,7 +39,7 @@ const Home = () => {
   }
   const handleCheckboxChange = (event) => {
     const { value, checked } = event.target;
-
+   console.log("event",checked,value)
     if (checked) {
       setCheckboxInput([...checkboxInput, value]);
     } else {
@@ -47,6 +47,7 @@ const Home = () => {
     }
   };
 
+console.log("pp",checkboxInput)
   return (
     <div className="container  mx-auto py-3 font-medium bg-transparent min-h-screen  justify-center text-center font-montserrat">
       {loader ? <Loader /> : null}

pages/search/[id].js

@@ -18,7 +18,7 @@ export default function Search({ data, id, page }) {
   return (
     <>
       <Head>
-        <title>{id} - Search Results | Yaps</title>
+        <title>{id} - Search Results | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies or TV series'

pages/search/movie/[id].js

@@ -14,7 +14,7 @@ export default function SearchMovie({ data, id, page }) {
   return (
     <>
       <Head>
-        <title>{id} - Search Results | Yaps</title>
+        <title>{id} - Search Results | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for movies'

pages/search/tv/[id].js

@@ -14,7 +14,7 @@ export default function SearchTV({ data, id, page }) {
   return (
     <>
       <Head>
-        <title>{id} - Search Results | Yaps</title>
+        <title>{id} - Search Results | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for TV series'

pages/tv/[id].js

@@ -25,7 +25,7 @@ export default function TV() {
   return (
     <>
       <Head>
-        <title>{tv.detail.name} | Yaps</title>
+        <title>{tv.detail.name} | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for TV series'

pages/tv/airing/[id].js

@@ -19,7 +19,7 @@ export default function AiringTVSeries() {
   return (
     <div>
       <Head>
-        <title>TV Series Airing Today | Yaps</title>
+        <title>TV Series Airing Today | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for TV Series'

pages/tv/genre/[id].js

@@ -15,7 +15,7 @@ export default function GenreTV({ data, id, name, page }) {
   return (
     <div>
       <Head>
-        <title>{name} - TV Series | Yaps</title>
+        <title>{name} - TV Series | Watcho</title>
       </Head>
       <SearchBar
         placeholder='Search for TV series'