From 78e16381f9101fc7cf1fdac2784c61c1da113656 Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 00:58:53 +0530 Subject: [PATCH 01/83] recomm --- components/CardInfo.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/CardInfo.js b/components/CardInfo.js index d992761..922f72f 100644 --- a/components/CardInfo.js +++ b/components/CardInfo.js @@ -12,7 +12,7 @@ export default function CardInfo({
From 744274910825ccf3e0fdf6f7a14217ca616ffda0 Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 01:36:07 +0530 Subject: [PATCH 02/83] recomm --- components/FilmResources.js | 18 ++++++++++++++---- pages/post-detail/[id]/[slug].js | 3 +++ pages/streaming.js | 13 +++++++++++++ 3 files changed, 30 insertions(+), 4 deletions(-) create mode 100644 pages/streaming.js diff --git a/components/FilmResources.js b/components/FilmResources.js index 829992d..6895f3c 100644 --- a/components/FilmResources.js +++ b/components/FilmResources.js @@ -31,9 +31,19 @@ const handlegetLink =()=>{ )} - - - {!props?.imdb ? null : ( + {!props?.imdb ? null : ( + router.push(`/streaming?id=${props?.imdb}`)} + className='mb-4 mr-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-greyish-blue py-3 px-8 text-sm font-light text-app-pure-white hover:bg-app-pure-white hover:text-app-dark-blue' + + rel='noreferrer' + > +

Play Now

+ + + )} + {/* {!props?.imdb ? null : ( {

IMDB

 - )} + )} */} {/* diff --git a/pages/post-detail/[id]/[slug].js b/pages/post-detail/[id]/[slug].js index d7bd89f..e49f372 100644 --- a/pages/post-detail/[id]/[slug].js +++ b/pages/post-detail/[id]/[slug].js @@ -167,6 +167,9 @@ const Details = () => { + diff --git a/pages/streaming.js b/pages/streaming.js new file mode 100644 index 0000000..cd807ed --- /dev/null +++ b/pages/streaming.js @@ -0,0 +1,13 @@ +import React from 'react' +import { useRouter } from 'next/router'; +const Streaming = () => { + const router = useRouter() + const { id } = router.query; + return ( + < > + + + ) +} + +export default Streaming From f1a475a814a4a5b046b06c5ae56840d6d2d3e552 Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 01:37:59 +0530 Subject: [PATCH 03/83] recomm --- pages/streaming.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/streaming.js b/pages/streaming.js index cd807ed..f62064b 100644 --- a/pages/streaming.js +++ b/pages/streaming.js @@ -5,7 +5,7 @@ const Streaming = () => { const { id } = router.query; return ( < > - + ) } From 62fc27831a325bbe1e2c46531df244aeecbe3db7 Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 10:36:02 +0530 Subject: [PATCH 04/83] hover --- components/FilmResources.js | 5 +++-- pages/streaming.js | 3 +++ styles/globals.css | 6 +++++- 3 files changed, 11 insertions(+), 3 deletions(-) diff --git a/components/FilmResources.js b/components/FilmResources.js index 6895f3c..f178667 100644 --- a/components/FilmResources.js +++ b/components/FilmResources.js @@ -27,7 +27,7 @@ const handlegetLink =()=>{ rel='noreferrer' >

Download

- + )} @@ -39,8 +39,9 @@ const handlegetLink =()=>{ rel='noreferrer' > +

Play Now

- + )} {/* {!props?.imdb ? null : ( diff --git a/pages/streaming.js b/pages/streaming.js index f62064b..31f2da9 100644 --- a/pages/streaming.js +++ b/pages/streaming.js @@ -3,6 +3,9 @@ import { useRouter } from 'next/router'; const Streaming = () => { const router = useRouter() const { id } = router.query; + + + return ( < > diff --git a/styles/globals.css b/styles/globals.css index 308a70c..7374b9a 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -554,9 +554,13 @@ background:rgb(11 9 9 / 75%) !important; outline: none; /* Remove the outline */ border: none; /* Remove the border */ } +.hover_effect{ + opacity: 0.6; +} .hover_effect:hover { + opacity: 1; transform: scale(1.05); - box-shadow: 0 0 15px #ffee10; + /* box-shadow: 0 0 15px #ffee10; */ transition: ease-out .3s; } .hover_effect-1:hover { From 385bda5d8c9560dc4ba0b7618e1cc2ae3c637553 Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 10:48:11 +0530 Subject: [PATCH 05/83] hover --- styles/globals.css | 3 +++ tailwind.config.js | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/styles/globals.css b/styles/globals.css index 7374b9a..60fe5f7 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -563,6 +563,9 @@ background:rgb(11 9 9 / 75%) !important; /* box-shadow: 0 0 15px #ffee10; */ transition: ease-out .3s; } +.hover_effect-1{ + opacity: 0.6; +} .hover_effect-1:hover { transform: scale(1.0025); box-shadow: 0 0 15px #ffee10; diff --git a/tailwind.config.js b/tailwind.config.js index 83cc480..e60f41d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -17,7 +17,7 @@ module.exports = { colors: { "background": "#0D0F0B", "background-header": "#131313", - "primary": "#7AFFB8", + "primary": "#2f6af5", "seconday":"#fc4545", "off-white": "#E5E7EB", 'app-pure-white': 'hsl(0, 0%, 100%)', // #FFFFFF From 2dc3f790e351fc9193447c6e1ef69dcf36f46a0d Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 11:02:33 +0530 Subject: [PATCH 06/83] hover --- pages/post-detail/[id]/[slug].js | 4 ++-- styles/globals.css | 4 +--- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/pages/post-detail/[id]/[slug].js b/pages/post-detail/[id]/[slug].js index e49f372..579311a 100644 --- a/pages/post-detail/[id]/[slug].js +++ b/pages/post-detail/[id]/[slug].js @@ -165,13 +165,13 @@ const Details = () => {
diff --git a/styles/globals.css b/styles/globals.css index 60fe5f7..a08e257 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -563,9 +563,7 @@ background:rgb(11 9 9 / 75%) !important; /* box-shadow: 0 0 15px #ffee10; */ transition: ease-out .3s; } -.hover_effect-1{ - opacity: 0.6; -} + .hover_effect-1:hover { transform: scale(1.0025); box-shadow: 0 0 15px #ffee10; From be27ca45af2b8f97c646a25633097e2474223311 Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 11:09:33 +0530 Subject: [PATCH 07/83] hover --- pages/post-detail/[id]/[slug].js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/pages/post-detail/[id]/[slug].js b/pages/post-detail/[id]/[slug].js index 579311a..2bea30b 100644 --- a/pages/post-detail/[id]/[slug].js +++ b/pages/post-detail/[id]/[slug].js @@ -171,7 +171,8 @@ const Details = () => { router.push(`/streaming?id=${data?.imdb}`) }} >Play Now
From bcf86f589bc3631e6efdf553ebf15a13c35e85cb Mon Sep 17 00:00:00 2001 From: p <> Date: Sat, 16 Sep 2023 12:04:43 +0530 Subject: [PATCH 08/83] hover --- SVG/search.js | 2 +- pages/_app.js | 3 ++- pages/post-detail/[id]/[slug].js | 46 +++++++++++++++++++++++++++----- 3 files changed, 43 insertions(+), 8 deletions(-) diff --git a/SVG/search.js b/SVG/search.js index 9ac1e59..0b43f1d 100644 --- a/SVG/search.js +++ b/SVG/search.js @@ -3,7 +3,7 @@ import React from "react"; export const SearchSVG = () => { return ( - + ); }; diff --git a/pages/_app.js b/pages/_app.js index c3806a2..6dd1c85 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -4,7 +4,7 @@ import { RecoilRoot } from 'recoil' import Layout from '../components/Layout' import '../styles/globals.css' import '../styles/nprogress.css' - +import { ToastContainer } from 'react-toastify'; NProgress.configure({ showSpinner: false }) Router.events.on('routeChangeStart', () => NProgress.start()) Router.events.on('routeChangeComplete', () => NProgress.done()) @@ -14,6 +14,7 @@ function MyApp({ Component, pageProps }) { return ( + diff --git a/pages/post-detail/[id]/[slug].js b/pages/post-detail/[id]/[slug].js index 2bea30b..47e8e77 100644 --- a/pages/post-detail/[id]/[slug].js +++ b/pages/post-detail/[id]/[slug].js @@ -5,6 +5,8 @@ import { getListComment, movieDetailsPost, postComment } from '../../../service/ import moment from 'moment'; import { formatBytes } from '../../../Common/CardExpanded'; import YouTube from "react-youtube"; +import { FaRegCopy } from 'react-icons/fa' +import ToastMsg from '../../../Common/ToastMsg'; const Details = () => { let trackers = [ @@ -123,6 +125,25 @@ const Details = () => { autoplay: 0, }, }; + const [disabledToast,setDisabledToast]=useState(false) + const copyToClipBoard = async() => { + if(disabledToast){ + return + } + try { + + await navigator.clipboard.writeText(magnateDownload); + ToastMsg("Copied!","success") + setDisabledToast(true) + setTimeout(()=>{ + setDisabledToast(false) + },3000) + } + catch (err) { + console.log("pp",err) + ToastMsg('Failed to copy!',"error"); + } + }; return (
@@ -137,7 +158,7 @@ const Details = () => {

{data?.name}

- {data?.category_str} + {data?.category_str} 👍 {data?.imdb_data?.rating} {/* 👍 0 */}
@@ -164,17 +185,30 @@ const Details = () => {
- - + + + + window.open(magnateDownload, '_blank'); + + + }} >🧲 Magnet Download + + +
+
- - - + +
  • setIsOpen(false)} + className='m-2 cursor-pointer rounded-xl border-2 border-gray-900 p-4'> + + + + +

    Top-10

    +     +
    • +
  • setIsOpen(false)} + className='m-2 cursor-pointer rounded-xl border-2 border-gray-900 p-4 '> +
    + (window.location.href = '/get-posts/category:Movies/') + }> + + + +

    Browse

    +
    +
    • +
  • setIsOpen(false)} + className='m-2 cursor-pointer rounded-xl border-2 border-gray-900 p-4'> + + + + +

    Search

    +     +
    • +
  • setIsOpen(false)} + className='m-2 cursor-pointer rounded-xl border-2 border-gray-900 p-4'> + + +

    Movie

    +     +
    • +
  • setIsOpen(false)} + className='m-2 cursor-pointer rounded-xl border-2 border-gray-900 p-4'> + + +

    TV

    +     +
    • +
  • setIsOpen(false)} + className='m-2 cursor-pointer rounded-xl border-2 border-gray-900 p-4'> + + + + +

    Upload

    +     +
    • +
  • setIsOpen(false)} + className='m-2 cursor-pointer rounded-xl border-2 border-gray-900 p-4'> + {/* faq */} + + + + +

    Help Center

    +     +
    • + + +
    + +
    +
    + + + +
    + + + + + + + +
    + +
    {/* - {children} + {children} ) } diff --git a/pages/faq.jsx b/pages/faq.jsx index 3144221..cb87072 100644 --- a/pages/faq.jsx +++ b/pages/faq.jsx @@ -56,24 +56,23 @@ const FAQ = () => { return (
    - + Faq | Yaps -

    HELP CENTER

    +

    + HELP CENTER +

    {faqData.map((item, index) => { - console.log(index,openIndices.includes(index)) return (
    toggleAnswer(index)}> -
    -

    - {item.question} -

    -
    +

    + {item.question} +

    {openIndices.includes(index) && (
    {item.answer}
    )} diff --git a/styles/globals.css b/styles/globals.css index 131cebf..eed5ebe 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -32,11 +32,11 @@ } .icon-nav { - @apply fill-app-greyish-blue transition duration-150 ease-linear hover:fill-app-red ; + @apply fill-app-greyish-blue transition duration-150 ease-linear hover:fill-app-red; } .active-link { - @apply fill-app-pure-white transition duration-150 ease-linear fill-app-red ; + @apply fill-app-pure-white transition duration-150 ease-linear fill-app-red; } .disabled-link { @@ -44,15 +44,17 @@ } - + /* Custom horizontal scroll for trending section */ .h-scroll::-webkit-scrollbar { border-radius: 10px; height: 8px; width: 8px; } + .h-scroll::-webkit-scrollbar-thumb:horizontal { - background: #5a698f; /* app-greyish-blue */ + background: #5a698f; + /* app-greyish-blue */ border-radius: 10px; } @@ -80,12 +82,14 @@ height: 20px; width: 20px; } + .loader:before { animation: ball1 1s infinite; background-color: #cb2025; box-shadow: 30px 0 0 #f8b334; margin-bottom: 10px; } + .loader:after { animation: ball2 1s infinite; background-color: #00a096; @@ -99,12 +103,14 @@ -moz-transform: -webkit-rotate(0deg) scale(0.8); transform: -webkit-rotate(0deg) scale(0.8); } + 50% { -webkit-transform: -webkit-rotate(360deg) -webkit-scale(1.2); -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); } + 100% { -webkit-transform: -webkit-rotate(720deg) -webkit-scale(0.8); -webkit-transform: rotate(720deg) scale(0.8); @@ -117,6 +123,7 @@ 0% { box-shadow: 30px 0 0 #f8b334; } + 50% { box-shadow: 0 0 0 #f8b334; margin-bottom: 0; @@ -125,6 +132,7 @@ -moz-transform: translate(15px, 15px); transform: translate(15px, 15px); } + 100% { box-shadow: 30px 0 0 #f8b334; margin-bottom: 10px; @@ -135,6 +143,7 @@ 0% { box-shadow: 30px 0 0 #97bf0d; } + 50% { box-shadow: 0 0 0 #97bf0d; margin-top: -20px; @@ -143,6 +152,7 @@ -moz-transform: translate(15px, 15px); transform: translate(15px, 15px); } + 100% { box-shadow: 30px 0 0 #97bf0d; margin-top: 0; @@ -153,13 +163,13 @@ input::placeholder { - - opacity: 0.5; + + opacity: 0.5; } input { - - opacity: 0.9; + + opacity: 0.9; } @@ -181,57 +191,58 @@ a { } .checkbox { - display: inline-flex; - cursor: pointer; - position: relative; + display: inline-flex; + cursor: pointer; + position: relative; } -.checkbox > span { - color: #fff; - padding: 0 1.3rem 1rem 0.5rem ; - font-size:13px; +.checkbox>span { + color: #fff; + padding: 0 1.3rem 1rem 0.5rem; + font-size: 13px; } -.checkbox > input { - margin-top:2px; - height: 14px; - width: 14px; - -webkit-appearance: none; - -moz-appearance: none; - -o-appearance: none; - appearance: none; - border-radius: 1px; - outline: none; - transition-duration: 0.3s; - background-color: transparent; - cursor: pointer; - } - -.checkbox > input:checked { - position:relative; +.checkbox>input { + margin-top: 2px; + height: 14px; + width: 14px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + border-radius: 1px; + outline: none; + transition-duration: 0.3s; + background-color: transparent; + cursor: pointer; } -.checkbox > input:checked + span::before { - content: '\2713'; - display: block; - font-weight: 800; - text-align: center; - color: black; - position: absolute; - font-size:12px; - left: 0.15rem; - top: 0; +.checkbox>input:checked { + position: relative; } -.checkbox > input:active { - border: 2px solid #34495E; +.checkbox>input:checked+span::before { + content: '\2713'; + display: block; + font-weight: 800; + text-align: center; + color: black; + position: absolute; + font-size: 12px; + left: 0.15rem; + top: 0; +} + +.checkbox>input:active { + border: 2px solid #34495E; } .long-and-truncated { margin: 0 15px; flex: 1; - min-width: 0;/* Important for long words! */ + min-width: 0; + /* Important for long words! */ } @@ -240,9 +251,10 @@ a { -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; - display:-webkit-box; + display: -webkit-box; -webkit-box-orient: vertical; - word-wrap: break-word;/* Important for long words! */ + word-wrap: break-word; + /* Important for long words! */ } @@ -255,6 +267,7 @@ a { text-align: center; color: #41B883; } + .loader_wrapper { position: fixed; width: 100%; @@ -266,6 +279,7 @@ a { border-radius: 0; background: rgba(0, 0, 0, 0.5); } + .lds-roller { display: inline-block; width: 64px; @@ -275,10 +289,12 @@ a { top: 50%; transform: translate(-50%, -50%); } + .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; } + .lds-roller div:after { content: " "; display: block; @@ -289,95 +305,123 @@ a { background: #41B883; margin: -3px 0 0 -3px; } + .lds-roller div:nth-child(1) { animation-delay: -0.036s; } + .lds-roller div:nth-child(1):after { top: 50px; left: 50px; } + .lds-roller div:nth-child(2) { animation-delay: -0.072s; } + .lds-roller div:nth-child(2):after { top: 54px; left: 45px; } + .lds-roller div:nth-child(3) { animation-delay: -0.108s; } + .lds-roller div:nth-child(3):after { top: 57px; left: 39px; } + .lds-roller div:nth-child(4) { animation-delay: -0.144s; } + .lds-roller div:nth-child(4):after { top: 58px; left: 32px; } + .lds-roller div:nth-child(5) { animation-delay: -0.18s; } + .lds-roller div:nth-child(5):after { top: 57px; left: 25px; } + .lds-roller div:nth-child(6) { animation-delay: -0.216s; } + .lds-roller div:nth-child(6):after { top: 54px; left: 19px; } + .lds-roller div:nth-child(7) { animation-delay: -0.252s; } + .lds-roller div:nth-child(7):after { top: 50px; left: 14px; } + .lds-roller div:nth-child(8) { animation-delay: -0.288s; } + .lds-roller div:nth-child(8):after { top: 45px; left: 10px; } + @keyframes lds-roller { 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } + ._3uApM { display: none !important; } + ._2JvrO { background: #41B883 !important; } + ._2kL0S { background: #41B883 !important; -} /* ._2Jtxm { background-color: #e7eaf3; } */ +} + +/* ._2Jtxm { background-color: #e7eaf3; } */ ._53Ji7 { padding: 0rem !important; } + .powredby { text-align: center; } -.text-green{ + +.text-green { color: #4cbb17; } -.error-l{ + +.error-l { position: absolute; font-size: 14px; padding-left: 45px; } -table, tr, td{ +table, +tr, +td { font-family: "Roboto", sans-serif; } @@ -388,175 +432,210 @@ table, tr, td{ background: rgb(74 85 104 / 1); background-color: #34495E; } -.react-select__menu{ + +.react-select__menu { background-color: #34495E; - -} -.react-select__menu-list{ - background-color: #34495E; - } -.react-select__menu-list :hover{ + +.react-select__menu-list { + background-color: #34495E; + + +} + +.react-select__menu-list :hover { color: #34495E !important; } -.react-select__option{ - color: #34495E ; +.react-select__option { + color: #34495E; } -.css-1p3m7a8-multiValue{ -background-color: #55aa7b !important; + +.css-1p3m7a8-multiValue { + background-color: #55aa7b !important; } -.css-qbdosj-Input{ + +.css-qbdosj-Input { color: #34495E !important; } -.ReactModal__Overlay{ -background:rgb(11 9 9 / 75%) !important; + +.ReactModal__Overlay { + background: rgb(11 9 9 / 75%) !important; } -.row-custom{ + +.row-custom { display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; + width: 250px; + + @media(max-width: 767px) { + width: 90%; + } +} + +.row-custom-tren { + + + @media(max-width: 767px) { + display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; - overflow: hidden; - width: 250px; - @media(max-width: 767px){ - width: 90%; - } + width: 90%; + } } -.row-custom-tren{ - - - @media(max-width: 767px){ - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - width: 90%; - } -} -.bgfilter{ - + +.bgfilter { + border-radius: 20px; padding-top: 1px; padding-bottom: 1px; margin-right: 12px; max-width: 100px; justify-content: space-around; - @media(min-width: 767px){ - margin-left:17%; - } + + @media(min-width: 767px) { + margin-left: 17%; + } } + .shift-right { - justify-content:end; - @media(max-width: 767px){ - justify-content:center; - } + justify-content: end; + + @media(max-width: 767px) { + justify-content: center; + } } -.zoomcss{ - +.zoomcss { + zoom: 0.; - @media(max-width: 767px){ - zoom:0.5; - } -} -.nav-res{ - @media(max-width: 380px){ - width:70% - } -} -.card{ - margin: 2rem; - @media(max-width: 380px){ - margin:0; - } -} -.gap{ - @media(max-width: 767px){ - justify-content:space-between; - } -} -.mright{ - @media(min-width: 700px){ - margin-left:21%; - } + + @media(max-width: 767px) { + zoom: 0.5; + } } -.nosimilar_torrent{ +.nav-res { + @media(max-width: 380px) { + width: 70% + } +} + +.card { + margin: 2rem; + + @media(max-width: 380px) { + margin: 0; + } +} + +.gap { + @media(max-width: 767px) { + justify-content: space-between; + } +} + +.mright { + @media(min-width: 700px) { + margin-left: 21%; + } +} + +.nosimilar_torrent { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } -.bg-card{ + +.bg-card { background-color: #171e30; } -.imagefit{ +.imagefit { background-repeat: no-repeat; background-size: contain; background-position: center center; } -.p-2{ + +.p-2 { padding: 2px; } -.p-3{ + +.p-3 { padding: 3px; } -.zoom{ +.zoom { zoom: 1; - @media(max-width: 767px){ - zoom:0.5; - } -} -.mt-6{ - @media(min-width: 767px){ - margin-left:20px; - margin-right:20px; - } -} -.head { - font-family: Helvetica Neue, Helvetica, Arial, sans-serif; - font-size: 2rem; - - font-weight: 400; - letter-spacing: 2px; - text-align: center; - color: #f35626; - background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - -webkit-animation: hue 10s infinite linear; - @media(max-width: 767px){ + @media(max-width: 767px) { + zoom: 0.5; + } +} + +.mt-6 { + @media(min-width: 767px) { + margin-left: 20px; + margin-right: 20px; + } +} + +.head { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 2rem; + + font-weight: 400; + letter-spacing: 2px; + text-align: center; + color: #f35626; + background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + -webkit-animation: hue 10s infinite linear; + + @media(max-width: 767px) { font-size: 1.2rem; - } - @media(max-width: 348px){ - font-size: 0.9rem; - } + } + + @media(max-width: 348px) { + font-size: 0.9rem; + } } @keyframes hue { from { -webkit-filter: hue-rotate(0deg); } + to { -webkit-filter: hue-rotate(-360deg); } } + .active-link:focus { - outline: none; /* Remove the outline */ - border: none; /* Remove the border */ + outline: none; + /* Remove the outline */ + border: none; + /* Remove the border */ } + .icon-nav:focus { - outline: none; /* Remove the outline */ - border: none; /* Remove the border */ + outline: none; + /* Remove the outline */ + border: none; + /* Remove the border */ } -.hover_effect{ + +.hover_effect { opacity: 0.7; } + .hover_effect:hover { opacity: 1; transform: scale(1.05); @@ -569,4 +648,73 @@ background:rgb(11 9 9 / 75%) !important; transform: scale(1.0025); box-shadow: 0 0 15px #ffee10; transition: ease-out .3s; +} + + +/* Sidebar.css */ +.overlay { + position: fixed; + opacity: 1; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: #333; + overflow-x: hidden; + transition: all 5s; + +} + +.overlay.active { + opacity: 0; + z-index: 10; + +} + +.sidebar { + position: fixed; + top: 0; + left: -296px; + height: 100%; + width: 296px; + overflow-x: hidden; + transition: all 0.3s; + background: rgba(16, 20, 30, 0.6); + -webkit-backdrop-filter: blur(100px); + backdrop-filter: blur(10px); + border: 1px solid rgba(16, 20, 30, 0.25); + + +} + +.sidebar.active { + left: 0; + border-right: #5a6a90 solid 1px; + z-index: 89; +} + +/* Transparent Backdrop */ +.backdrop { + background: rgba(16, 20, 30, 0.6); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border: 1px solid rgba(16, 20, 30, 0.25); + display: none; +} + +.backdrop.active { + display: block; +} + +/* Hide the scrollbar for both horizontal and vertical scrolling */ +.hide-scrollbar { + scrollbar-width: none; + /* Firefox */ + -ms-overflow-style: none; + /* Internet Explorer and Edge */ +} + +/* Hide the scrollbar for WebKit based browsers like Chrome and Safari */ +.hide-scrollbar::-webkit-scrollbar { + display: none; } \ No newline at end of file From 30c6dd7822bc7ec97937c2d42eced0dece4eb07e Mon Sep 17 00:00:00 2001 From: Rohithk <67067796+Rohithk2003@users.noreply.github.com> Date: Fri, 22 Sep 2023 00:15:27 +0530 Subject: [PATCH 15/83] adder dark mode toggle button --- .idea/.gitignore | 5 + .idea/jsLibraryMappings.xml | 6 + .idea/modules.xml | 8 + .idea/vcs.xml | 6 + .idea/yaps.iml | 13 + Common/Card.js | 2 +- Common/CardCompact.js | 70 +++--- Common/CardExpanded.js | 66 ++--- Common/CardGrid.js | 84 ++++--- Common/Header.js | 8 +- Common/TorrentList.js | 2 +- components/CardGenre.js | 4 +- components/CardImage.js | 2 +- components/CardInfo.js | 6 +- components/Collection.js | 3 +- components/FilmCasts.js | 2 +- components/FilmGenres.js | 2 +- components/FilmHeading.js | 2 +- components/FilmInfo.js | 36 +-- components/FilmResources.js | 8 +- components/Heading.js | 6 +- components/Layout.js | 24 +- components/Navigation.js | 5 + components/Pagination.js | 6 +- components/SearchBar.js | 59 ++--- components/SearchButton.js | 2 +- components/ThemeToggler.js | 30 +++ components/icons/IconCategoryMovie.js | 1 - package-lock.json | 11 + package.json | 1 + pages/404.js | 2 +- pages/_app.js | 28 ++- pages/_document.js | 1 + pages/dashboard.js | 2 +- pages/faq.jsx | 4 + pages/get-posts/[category].js | 337 ++++++++++++++------------ pages/index.js | 198 +++++++-------- pages/latest-top-10.js | 20 +- pages/login.js | 172 ++++++------- pages/movie/[id].js | 6 +- pages/post-detail/[id]/[slug].js | 12 +- pages/register.js | 10 +- pages/search.js | 275 +++++++++++---------- styles/globals.css | 237 ++++++++++++++++-- tailwind.config.js | 2 + 45 files changed, 1082 insertions(+), 704 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/jsLibraryMappings.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml create mode 100644 .idea/yaps.iml create mode 100644 components/ThemeToggler.js diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml new file mode 100644 index 0000000..3577762 --- /dev/null +++ b/.idea/jsLibraryMappings.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..edd7f0f --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/yaps.iml b/.idea/yaps.iml new file mode 100644 index 0000000..9f7ba11 --- /dev/null +++ b/.idea/yaps.iml @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/Common/Card.js b/Common/Card.js index 0ce978d..f0c2ada 100644 --- a/Common/Card.js +++ b/Common/Card.js @@ -37,7 +37,7 @@ const Card = (props) => {
    -
    +
    {props.item['c'] || props.categoryId} diff --git a/Common/CardCompact.js b/Common/CardCompact.js index 88c7faa..79ba6d7 100644 --- a/Common/CardCompact.js +++ b/Common/CardCompact.js @@ -1,56 +1,66 @@ import React from 'react'; -import {useRouter } from 'next/router'; +import {useRouter} from 'next/router'; +import {useTheme} from "next-themes"; function formatBytes(bytes, decimals = 1) { - if (!+bytes) return '0 Bytes' + if (!+bytes) return '0 Bytes' - const k = 1024 - const dm = decimals < 0 ? 0 : decimals - const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] + const k = 1024 + const dm = decimals < 0 ? 0 : decimals + const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] - const i = Math.floor(Math.log(bytes) / Math.log(k)) + const i = Math.floor(Math.log(bytes) / Math.log(k)) - return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` + return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` } const CardCompact = (props) => { - const router = useRouter(); - let name = props.item[`n`]; - let time = new Date(props.item[`a`]*1000); - return ( -
    { - let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, ''); - router.push(`/post-detail/${props.item?.pk}/${slug}/`) - }} key={props.index} style={{marginBottom:"10px"}} className={`my-2 overflow-hidden w-full ${props?.page ==="dashboard"?"":"cursor-pointer"} py-2 bg-card rounded-md flex justify-center hover:bg-primary/10 hover:border-primary/50 flex-col md:flex-row`}> + const router = useRouter(); + const {theme, setTheme} = useTheme(); + let name = props.item[`n`]; + let time = new Date(props.item[`a`] * 1000); + return ( +
    { + let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, ''); + router.push(`/post-detail/${props.item?.pk}/${slug}/`) + }} key={props.index} style={{marginBottom: "10px"}} + className={`my-2 overflow-hidden w-full ${props?.page === "dashboard" ? "" : "cursor-pointer"} py-2 ${theme === "dark" ? "bg-card " : "bg-card bg-primary/50 border-primary/10 light-hover-effect"} rounded-md flex justify-center hover:dark:bg-app-dark-blue hover:border-primary/50 flex-col md:flex-row`}> -
    -
    -
    +
    +
    +
    -
    +
    {name} -
    -
    +
    +
    -
    +
    {props.item['c'] || props.categoryId} - ・ - - {time.getDate()}-{time.getMonth()+1}-{time.getFullYear()} + ・ + + {time.getDate()}-{time.getMonth() + 1}-{time.getFullYear()} - ・ - + ・ + {formatBytes(props.item['s'])} -
    -
    - ); +
    +
    + ); }; export default CardCompact; diff --git a/Common/CardExpanded.js b/Common/CardExpanded.js index 5c7d3db..a83a90e 100644 --- a/Common/CardExpanded.js +++ b/Common/CardExpanded.js @@ -1,51 +1,57 @@ import React from 'react'; -import {useRouter } from 'next/router'; +import {useRouter} from 'next/router'; +import {useTheme} from "next-themes"; export function formatBytes(bytes, decimals = 1) { - if (!+bytes) return '0 Bytes' + if (!+bytes) return '0 Bytes' - const k = 1024 - const dm = decimals < 0 ? 0 : decimals - const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] + const k = 1024 + const dm = decimals < 0 ? 0 : decimals + const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] - const i = Math.floor(Math.log(bytes) / Math.log(k)) + const i = Math.floor(Math.log(bytes) / Math.log(k)) - return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` + return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` } - const CardExpanded = (props) => { - const router = useRouter(); - let name = props.item[`n`]; - let time = new Date(props.item[`a`]*1000); - return ( -
    { - let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, ''); - router.push(`/post-detail/${props.item?.pk}/${slug}/`) - }} key={props.index} className="my-3 overflow-hidden mt-6 cursor-pointer py-2 bg-card rounded-md flex-col justify-center inline-flex hover:bg-primary/10 hover_effect hover:border-primary/50 fab zoomcss" style={{width:"200px"}}> -
    -
    -
    -
    + const router = useRouter(); + const {theme, setTheme} = useTheme(); + let name = props.item[`n`]; + let time = new Date(props.item[`a`] * 1000); + return ( +
    { + let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, ''); + router.push(`/post-detail/${props.item?.pk}/${slug}/`) + }} key={props.index} + className={`my-3 overflow-hidden mt-6 cursor-pointer py-2 bg-card rounded-md flex-col justify-center inline-flex ${theme === "dark" ? "bg-card hover_effect" : "bg-card bg-primary/50 border-primary/10 light-hover-effect"} hover:border-primary/50 fab zoomcss`} + style={{width: "200px"}}> +
    +
    +
    +
    {name} -
    -
    - +
    +
    + {props.item['c'] || props.categoryId} - ・ - - {time.getDate()}-{time.getMonth()+1}-{time.getFullYear()} + ・ + + {time.getDate()}-{time.getMonth() + 1}-{time.getFullYear()} - ・ - + ・ + {formatBytes(props.item['s'])} -
    -
    ); +
    +
    ); }; export default CardExpanded; diff --git a/Common/CardGrid.js b/Common/CardGrid.js index 19097d8..edfdcff 100644 --- a/Common/CardGrid.js +++ b/Common/CardGrid.js @@ -1,56 +1,64 @@ import React from 'react'; -import {useRouter } from 'next/router'; +import {useRouter} from 'next/router'; +import {useTheme} from "next-themes"; + export function formatBytes(bytes, decimals = 1) { - if (!+bytes) return '0 Bytes' + if (!+bytes) return '0 Bytes' - const k = 1024 - const dm = decimals < 0 ? 0 : decimals - const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] + const k = 1024 + const dm = decimals < 0 ? 0 : decimals + const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] - const i = Math.floor(Math.log(bytes) / Math.log(k)) + const i = Math.floor(Math.log(bytes) / Math.log(k)) - return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` + return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` } - const CardExpanded = (props) => { - console.log("pp",props?.blur) - const router = useRouter(); - let name = props.item[`name`]; - let time = new Date(props.item[`timestamp`]); - return ( -
    { - - if( props?.blur==true){ - props?.setBlur(false) - return; - } - let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, ''); - router.push(`/post-detail/${props.item?.eid}/${slug}/`) - }} key={props.index} className="my-3 mt-6 zoom overflow-hidden cursor-pointer py-2 bg-card rounded-md fab flex-col justify-center inline-flex hover:bg-primary/10 hover_effect hover:border-primary/50 zoomcss" style={{width:"200px"}}> -
    -
    -
    -
    - + const {theme, setTheme} = useTheme(); + const router = useRouter(); + let name = props.item[`name`]; + let time = new Date(props.item[`timestamp`]); + return ( +
    { + + if (props?.blur == true) { + props?.setBlur(false) + return; + } + let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, ''); + router.push(`/post-detail/${props.item?.eid}/${slug}/`) + }} key={props.index} + className={`my-3 mt-6 zoom overflow-hidden cursor-pointer py-2 ${theme === "dark" ? "bg-card" : "bg-card bg-primary/50 border-primary/10"} rounded-md fab flex-col justify-center inline-flex hover:dark:bg-primary/10 hover_effect hover:border-primary/50 zoomcss`} + style={{width: "200px"}}> +
    +
    +
    +
    + {props?.item?.name} -
    -
    - +
    +
    + {props.item['c'] || props.categoryId} - ・ - - {time.getDate()}-{time.getMonth()+1}-{time.getFullYear()} + ・ + + {time.getDate()}-{time.getMonth() + 1}-{time.getFullYear()} - ・ - - {formatBytes(props.item['size']||props.item['s'])} + ・ + + {formatBytes(props.item['size'] || props.item['s'])} -
    -
    ); +
    +
    ); }; export default CardExpanded; diff --git a/Common/Header.js b/Common/Header.js index 95a3dd9..346b4bc 100644 --- a/Common/Header.js +++ b/Common/Header.js @@ -46,11 +46,7 @@ useEffect(()=>{ },[]) return (
    -
    - - - - +
    route.push("/")}>theRARBG
    @@ -81,7 +77,7 @@ useEffect(()=>{ }} >{token?"Logout":"Login"}
    {/*Mobile Hamburger Menu */} -
    +
    route.push("/")}>theRARBG The Navigation Icon setShowNav(!showNav)}/> diff --git a/Common/TorrentList.js b/Common/TorrentList.js index aa1adf8..1aed48c 100644 --- a/Common/TorrentList.js +++ b/Common/TorrentList.js @@ -225,7 +225,7 @@ const TorrentList = ({ setisTorrent, torrent_list, runtime }) => { -              }} className={`my-3 cursor-pointer  w-[]   py-2 bg-card rounded-md flex justify-center hover:bg-primary/10 border border-off-white/5 hover:border-primary/50 flex-col  md:flex-row`}> +              }} className={`my-3 cursor-pointer  w-[]   py-2 dark:bg-card bg-white rounded-md flex justify-center hover:bg-primary/10 border border-off-white/5 hover:border-primary/50 flex-col  md:flex-row`}>               
    diff --git a/components/CardGenre.js b/components/CardGenre.js index 2ecf9c4..465ca46 100644 --- a/components/CardGenre.js +++ b/components/CardGenre.js @@ -1,13 +1,13 @@ import React from 'react' const CardGenre = React.forwardRef( - ({ oddBgColor = 'odd:bg-app-greyish-blue', onClick, href, text }, ref) => { + ({ oddBgColor = 'dark:odd:bg-app-greyish-blue ', onClick, href, text }, ref) => { return ( {text} diff --git a/components/CardImage.js b/components/CardImage.js index e0d00ba..ed96fea 100644 --- a/components/CardImage.js +++ b/components/CardImage.js @@ -24,7 +24,7 @@ export default function CardImage({ isTrending, src, alt }) { />
    {/* TODO: Add this back only after the bookmark feature is implemented */} - {/*
    + {/*
    */}
    diff --git a/components/CardInfo.js b/components/CardInfo.js index 922f72f..ec7b942 100644 --- a/components/CardInfo.js +++ b/components/CardInfo.js @@ -20,7 +20,7 @@ export default function CardInfo({ className={ isTrending ? 'mt-2 mb-1 flex text-[11px] font-light text-app-pure-white md:text-[15px]' - : 'mt-2 mb-1 flex text-[11px] font-light text-app-grey md:text-[13px]' + : 'mt-2 mb-1 flex text-[11px] font-light text-black dark:text-app-pure-white md:text-[15px]' } >

    {renderYear(year)}

    @@ -43,7 +43,7 @@ export default function CardInfo({ className={ isTrending ? 'md:heading-sm text-ellips w-[200px] truncate text-sm font-bold capitalize text-app-pure-white sm:w-[420px] md:h-6' - : 'md:heading-xs text-ellips w-[150px] truncate text-sm font-bold capitalize text-app-pure-white sm:w-[180px] md:w-[200px] lg:w-[268px]' + : 'md:heading-xs text-ellips w-[150px] truncate text-sm font-bold capitalize text-black dark:text-app-pure-white sm:w-[180px] md:w-[200px] lg:w-[268px]' } > {title} @@ -62,7 +62,7 @@ function renderYear(year) { function renderCategoryIcon(category) { if (category === 'movie') { - return + return } else { return } diff --git a/components/Collection.js b/components/Collection.js index 8365b38..3e6d0b2 100644 --- a/components/Collection.js +++ b/components/Collection.js @@ -1,5 +1,4 @@ import useSWR from 'swr' -import { getUrl2 } from '../lib/tmdb' import { fetcher, renderResults, sliceArray } from '../utils' import CardNormal from './CardNormal' import Heading from './Heading' @@ -26,7 +25,7 @@ export default function Collection({
    {cast.name} diff --git a/components/FilmGenres.js b/components/FilmGenres.js index 2783a0e..b643035 100644 --- a/components/FilmGenres.js +++ b/components/FilmGenres.js @@ -15,7 +15,7 @@ function renderGenres(arr) { return (
  • {genre.name}
    • diff --git a/components/FilmHeading.js b/components/FilmHeading.js index aca2499..f577a4c 100644 --- a/components/FilmHeading.js +++ b/components/FilmHeading.js @@ -2,7 +2,7 @@ export default function FilmHeading({ tagline, title }) { return (

    {title}

    -

    +

    {tagline}

    diff --git a/components/FilmInfo.js b/components/FilmInfo.js index ea175b7..26f30d6 100644 --- a/components/FilmInfo.js +++ b/components/FilmInfo.js @@ -10,41 +10,41 @@ export default function FilmInfo({ return ( <> {media_type === 'movie' ? ( -
    +
    -

    Length

    -

    {length}

    +

    Length

    +

    {length.split("?")[0]}

    -

    Language

    -

    {language}

    +

    Language

    +

    {language}

    -

    Year

    -

    {year}

    +

    Year

    +

    {year}

    -

    Status

    -

    {status}

    +

    Status

    +

    {status}

    ) : ( -
    +
    -

    Language

    -

    {language}

    +

    Language

    +

    {language}

    -

    First Air

    -

    {firstAir}

    +

    First Air

    +

    {firstAir}

    -

    Last Air

    -

    {lastAir}

    +

    Last Air

    +

    {lastAir}

    -

    Status

    -

    {status}

    +

    Status

    +

    {status}

    )} diff --git a/components/FilmResources.js b/components/FilmResources.js index f178667..ddb0b2f 100644 --- a/components/FilmResources.js +++ b/components/FilmResources.js @@ -2,6 +2,7 @@ import { useRouter } from 'next/router' import { useState } from 'react' import { FaImdb, FaLink, FaPlay } from 'react-icons/fa' +import {BsDownload} from "react-icons/bs"; @@ -22,10 +23,11 @@ const handlegetLink =()=>{ handlegetLink()} - className='mb-4 mr-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-greyish-blue py-3 px-8 text-sm font-light text-app-pure-white hover:bg-app-pure-white hover:text-app-dark-blue' + className='mb-4 mr-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-dark-blue dark:bg-app-greyish-blue py-3 px-8 text-sm font-light text-app-pure-white hover:bg-app-dark-blue hover:text-blue-300 dark:hover:bg-light-white dark:hover:text-app-dark-blue' rel='noreferrer' > +

    Download

     @@ -35,7 +37,7 @@ const handlegetLink =()=>{ router.push(`/streaming?id=${props?.imdb}`)} - className='mb-4 mr-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-greyish-blue py-3 px-8 text-sm font-light text-app-pure-white hover:bg-app-pure-white hover:text-app-dark-blue' + className='mb-4 mr-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-dark-blue dark:bg-app-greyish-blue py-3 px-8 text-sm font-light text-app-pure-white hover:bg-app-dark-blue hover:text-blue-300 dark:hover:bg-light-white dark:hover:text-app-dark-blue' rel='noreferrer' > @@ -47,7 +49,7 @@ const handlegetLink =()=>{ {/* {!props?.imdb ? null : ( diff --git a/components/Heading.js b/components/Heading.js index d607c17..4dc5123 100644 --- a/components/Heading.js +++ b/components/Heading.js @@ -11,12 +11,12 @@ export default function Heading({
    {isHomePage ? (
    -

    {title}

    +

    {title}

    {media_type&&

    { media_type}

    } diff --git a/components/Layout.js b/components/Layout.js index 4b8e201..e46a2e7 100644 --- a/components/Layout.js +++ b/components/Layout.js @@ -1,14 +1,18 @@ import Footer from './Footer' import Navigation from './Navigation' +import {ThemeToggler} from "./ThemeToggler"; -export default function Layout({ children }) { - return ( -
    - -
    - {children} -
    -
    -
    - ) +export default function Layout({children}) { + return ( +
    + + +
    + {children} +
    +
    +
    + ) } diff --git a/components/Navigation.js b/components/Navigation.js index 2c80214..c2604a8 100644 --- a/components/Navigation.js +++ b/components/Navigation.js @@ -31,8 +31,13 @@ export default function Navigation() { onClick={() => setIsOpen(false)} className={` overlay backdrop ${isOpen ? 'active' : ''}`}>
    >>>>>> Stashed changes } `}>
    - - - - {movie?.imdb?.imdb?.video_list[0]?.key ?
    { {data?.name} | Yaps
    -
    +
    movie
    @@ -229,7 +229,7 @@ const Details = () => { setHighLight("Trackers")} >Trackers setHighLight("More")} >More Info
    -
    +
    { trackers.map((item, index) => { return ( @@ -254,7 +254,7 @@ const Details = () => {
    Similar Torrents -
    +
    {data?.recomendations.length > 0 ? data?.recomendations?.map((item, index) => { return ( @@ -289,12 +289,12 @@ const Details = () => {
    -
    +
    { commentList?.map((item, index) => { return ( -
    +

    {item?.info?.user}:

    {item?.comment || "This IS A GOOD movie"} @@ -304,7 +304,7 @@ const Details = () => { }
    - setComment(e.target.value)} placeholder="Write your comments here" /> + setComment(e.target.value)} placeholder="Write your comments here" />
    diff --git a/pages/register.js b/pages/register.js index 38c8bf8..9fc361a 100644 --- a/pages/register.js +++ b/pages/register.js @@ -71,19 +71,19 @@ const Register = () => {

    Register Here

    - +
    - +
    - +
    - +
    - +
    diff --git a/pages/search.js b/pages/search.js index 36c2cf1..2b71e83 100644 --- a/pages/search.js +++ b/pages/search.js @@ -1,142 +1,173 @@ import CardCompact from '../Common/CardCompact' import CardExpanded from '../Common/CardExpanded' -import { useRouter } from 'next/router' -import React, { useState } from 'react' -import { SearchSVG, MovieSVG } from '../SVG/search' -import { getSearchResult } from '../service/service'; -import { Loader } from '../Common/Loader' -import { CompactList, ExpandedList } from '../SVG/listing' +import {useRouter} from 'next/router' +import React, {useState} from 'react' +import {MovieSVG, SearchSVG} from '../SVG/search' +import {getSearchResult} from '../service/service'; +import {Loader} from '../Common/Loader' +import {CompactList, ExpandedList} from '../SVG/listing' import ToastMsg from '../Common/ToastMsg' import Head from 'next/head' -let data1 = [{ name: "Movie", cat: "Movies", time: "10D" }, { name: "TV-Show", cat: "TV", time: "10D" }, { name: "Games", cat: "Games", time: "10D" }, { name: "Music", cat: "Music", time: "10D" }, { name: "Anime", cat: "Anime", time: "10D" }, { name: "Books", cat: "Books", time: "10D" }, { name: "Other", cat: "Other", time: "10D" }, { name: "XXX", cat: "XXX", time: "1D" }] +let data1 = [{name: "Movie", cat: "Movies", time: "10D"}, {name: "TV-Show", cat: "TV", time: "10D"}, { + name: "Games", + cat: "Games", + time: "10D" +}, {name: "Music", cat: "Music", time: "10D"}, {name: "Anime", cat: "Anime", time: "10D"}, { + name: "Books", + cat: "Books", + time: "10D" +}, {name: "Other", cat: "Other", time: "10D"}, {name: "XXX", cat: "XXX", time: "1D"}] const Home = () => { - const router = useRouter() + const router = useRouter() - const [movieList, setMovieList] = useState([]) - const [search, setSearch] = useState(false) - const [loader, setLoader] = useState(false) - const [ListType, setListType] = useState('expanded'); - const [searchSuccess, setSearchSuccess] = useState(false) - const[checkboxInput,setCheckboxInput]=useState([]) + const [movieList, setMovieList] = useState([]) + const [search, setSearch] = useState(false) + const [loader, setLoader] = useState(false) + const [ListType, setListType] = useState('expanded'); + const [searchSuccess, setSearchSuccess] = useState(false) + const [checkboxInput, setCheckboxInput] = useState([]) + const [searchbarclicked, setSearchBar] = useState(false) + const searchResult = (e) => { + e.preventDefault() + setLoader(true) + getSearchResult(search, checkboxInput).then((res) => { + setSearchSuccess(true) + console.log("page", res?.data?.results) + setLoader(false) + setMovieList(res.data.results) + }).catch((err) => { + console.log("error", err) - const searchResult = (e) => { - e.preventDefault() - setLoader(true) - getSearchResult(search,checkboxInput).then((res) => { - setSearchSuccess(true) - console.log("page", res?.data?.results) - setLoader(false) - setMovieList(res.data.results) - }).catch((err) => { - console.log("error", err) - - ToastMsg("Some thing went wrong ", "error") - setLoader(false) - }) + ToastMsg("Some thing went wrong ", "error") + setLoader(false) + }) - } - const handleCheckboxChange = (event) => { - const { value, checked } = event.target; - console.log("event",checked,value) - if (checked) { - setCheckboxInput([...checkboxInput, value]); - } else { - setCheckboxInput(checkboxInput.filter((item) => item !== value)); } - }; + const handleCheckboxChange = (event) => { + const {value, checked} = event.target; + console.log("event", checked, value) + if (checked) { + setCheckboxInput([...checkboxInput, value]); + } else { + setCheckboxInput(checkboxInput.filter((item) => item !== value)); + } + }; - return ( -
    - - Register | Yaps - - {loader ? : null} -
    -

    This World.
    At Your Fingertips.

    -
    + return ( +
    + + Register | Yaps + + {loader ? : null} +
    +

    This + World.
    At Your Fingertips.

    +
    - searchResult(e)} className='w-10/12 md:w-1/2 mx-auto flex my-10 items-center border-b-[1.5px] border-primary px-1'> - setSearch(e.target.value)} /> -
    { searchResult(e) }}> - + searchResult(e)} + className={`border-b-[1.5px] w-10/12 md:w-1/2 mx-auto flex my-10 items-center justify-center border-primary px-1`}> + setSearch(e.target.value)}/> +
    { + searchResult(e) + }}> + +
    + +
    +
    + { + data1.map((item, index) => { + return ( + + + ) + }) + } +
    +
    +
    + + {searchSuccess ? +
    +
    + {movieList.length > 0 ? Your Search Result : + No data found for : "{search}"} +
    + + {movieList.length > 0 ?
    +
    { + setListType('compact') + }}>
    +
    { + setListType('expanded') + + }}>
    +
    + : null} + + +
    : null} +
    + {movieList?.map((item, index) => { + if (ListType === 'compact') { + return ( + + ) + } else { + return ( + + ) + } + })} + +
    + +
    + +
    + { + data1.map((item, index) => { + return ( +
    +
    window.location.href = `/get-posts/category:${item?.cat}?time=${item?.time}`} + className={`cursor-pointer w-[150px] md:w-[195px] h-[115px] md:pl-[26px] md:pr-[161px] pt-7 pb-16 bg-app-dark-blue dark:bg-off-white/10 rounded-lg border-[0] dark:border-off-white/30 flex-col justify-start items-center md:items-start gap-3.5 inline-flex hover:bg-[#18141f] hover:scale-[1.05] transition duration-300 ease-in-out dark:hover:bg-primary/10 dark:hover:border-primary/50 group `}> +
    +
    +
    {item?.name}
    +
    +
    + ) + })} + + +
    +
    - -
    -
    - { - data1.map((item, index) => { - return ( - - - ) - }) - } -
    -
    -
    - - {searchSuccess ? -
    -
    - {movieList.length > 0 ? Your Search Result : No data found for : "{search}"} -
    - - {movieList.length > 0 ?
    -
    { - setListType('compact') - }} >
    -
    { - setListType('expanded') - - }} >
    -
    - : null} - - -
    : null} -
    - {movieList?.map((item, index) => { - if (ListType === 'compact') { - return ( - - ) - } else { - return ( - - ) - } - })} - -
    - -
    - -
    - { - data1.map((item, index) => { - return ( -
    -
    window.location.href=`/get-posts/category:${item?.cat}?time=${item?.time}`} className={`cursor-pointer w-[150px] md:w-[195px] h-[115px] md:pl-[26px] md:pr-[161px] pt-7 pb-16 bg-off-white/10 rounded-lg border-off-white/30 flex-col justify-start items-center md:items-start gap-3.5 inline-flex hover:bg-primary/10 border-[1px] hover:border-primary/50 group `}> -
    -
    {item?.name}
    -
    -
    - ) - })} - - -
    -
    -
    - ) + ) } export default Home diff --git a/styles/globals.css b/styles/globals.css index eed5ebe..aff1c71 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -3,10 +3,18 @@ @tailwind base; @tailwind components; @tailwind utilities; +:root { + --background: #10141e; + --foreground: white; +} +[data-theme='dark'] { + --background: black; + --foreground: white; +} @layer base { body { - @apply mx-auto h-full w-full max-w-[1440px] bg-app-dark-blue; + @apply mx-auto h-full w-full max-w-[1440px] bg-light-white dark:bg-app-dark-blue; } } @@ -36,15 +44,22 @@ } .active-link { +<<<<<<< Updated upstream @apply fill-app-pure-white transition duration-150 ease-linear fill-app-red; +======= + @apply fill-app-pure-white fill-app-red transition duration-150 ease-linear; +>>>>>>> Stashed changes } .disabled-link { pointer-events: none; } +<<<<<<< Updated upstream +======= +>>>>>>> Stashed changes /* Custom horizontal scroll for trending section */ .h-scroll::-webkit-scrollbar { border-radius: 10px; @@ -59,7 +74,7 @@ } .card-collection-wrapper { - @apply flex flex-col items-center gap-4 sm:gap-x-7 sm:gap-y-6 xl:gap-x-10 xl:gap-y-8 2xs:flex-row 2xs:flex-wrap 2xs:justify-between; + @apply flex flex-col items-center gap-4 2xs:flex-row 2xs:flex-wrap 2xs:justify-between sm:gap-x-7 sm:gap-y-6 xl:gap-x-10 xl:gap-y-8; } .card-hover-animation { @@ -160,24 +175,26 @@ } } - - input::placeholder { +<<<<<<< Updated upstream +======= +>>>>>>> Stashed changes opacity: 0.5; } input { +<<<<<<< Updated upstream +======= +>>>>>>> Stashed changes opacity: 0.9; } - a { @apply fill-white; } - .text-blue { color: blue; } @@ -196,13 +213,21 @@ a { position: relative; } +<<<<<<< Updated upstream .checkbox>span { +======= +.checkbox > span { +>>>>>>> Stashed changes color: #fff; padding: 0 1.3rem 1rem 0.5rem; font-size: 13px; } +<<<<<<< Updated upstream .checkbox>input { +======= +.checkbox > input { +>>>>>>> Stashed changes margin-top: 2px; height: 14px; width: 14px; @@ -215,6 +240,7 @@ a { transition-duration: 0.3s; background-color: transparent; cursor: pointer; +<<<<<<< Updated upstream } .checkbox>input:checked { @@ -235,8 +261,29 @@ a { .checkbox>input:active { border: 2px solid #34495E; +======= } +.checkbox > input:checked { + position: relative; +} + +.checkbox > input:checked + span::before { + content: '\2713'; + display: block; + font-weight: 800; + text-align: center; + color: black; + position: absolute; + font-size: 12px; + left: 0.15rem; + top: 0; +} + +.checkbox > input:active { + border: 2px solid #34495e; +>>>>>>> Stashed changes +} .long-and-truncated { margin: 0 15px; @@ -245,7 +292,6 @@ a { /* Important for long words! */ } - .long-and-truncated span { display: inline; -webkit-line-clamp: 2; @@ -257,7 +303,6 @@ a { /* Important for long words! */ } - .loader-text { padding-top: 50px; top: 50%; @@ -265,7 +310,7 @@ a { left: 0; right: 0; text-align: center; - color: #41B883; + color: #41b883; } .loader_wrapper { @@ -296,13 +341,13 @@ a { } .lds-roller div:after { - content: " "; + content: ' '; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; - background: #41B883; + background: #41b883; margin: -3px 0 0 -3px; } @@ -393,11 +438,15 @@ a { } ._2JvrO { - background: #41B883 !important; + background: #41b883 !important; } ._2kL0S { +<<<<<<< Updated upstream background: #41B883 !important; +======= + background: #41b883 !important; +>>>>>>> Stashed changes } /* ._2Jtxm { background-color: #e7eaf3; } */ @@ -422,14 +471,16 @@ a { table, tr, td { +<<<<<<< Updated upstream font-family: "Roboto", sans-serif; +======= + font-family: 'Roboto', sans-serif; +>>>>>>> Stashed changes } - - - .react-select-container .react-select__control { background: rgb(74 85 104 / 1); +<<<<<<< Updated upstream background-color: #34495E; } @@ -464,6 +515,39 @@ td { background: rgb(11 9 9 / 75%) !important; } +======= + background-color: #34495e; +} + +.react-select__menu { + background-color: #34495e; +} + +.react-select__menu-list { + background-color: #34495e; +} + +.react-select__menu-list :hover { + color: #34495e !important; +} + +.react-select__option { + color: #34495e; +} + +.css-1p3m7a8-multiValue { + background-color: #55aa7b !important; +} + +.css-qbdosj-Input { + color: #34495e !important; +} + +.ReactModal__Overlay { + background: rgb(11 9 9 / 75%) !important; +} + +>>>>>>> Stashed changes .row-custom { display: -webkit-box; -webkit-line-clamp: 1; @@ -471,15 +555,23 @@ td { overflow: hidden; width: 250px; +<<<<<<< Updated upstream @media(max-width: 767px) { +======= + @media (max-width: 767px) { +>>>>>>> Stashed changes width: 90%; } } .row-custom-tren { +<<<<<<< Updated upstream @media(max-width: 767px) { +======= + @media (max-width: 767px) { +>>>>>>> Stashed changes display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; @@ -488,29 +580,43 @@ td { } .bgfilter { +<<<<<<< Updated upstream +======= +>>>>>>> Stashed changes border-radius: 20px; padding-top: 1px; padding-bottom: 1px; margin-right: 12px; max-width: 100px; justify-content: space-around; +<<<<<<< Updated upstream @media(min-width: 767px) { margin-left: 17%; } +======= +>>>>>>> Stashed changes + @media (min-width: 767px) { + margin-left: 17%; + } } .shift-right { justify-content: end; +<<<<<<< Updated upstream @media(max-width: 767px) { +======= + @media (max-width: 767px) { +>>>>>>> Stashed changes justify-content: center; } } .zoomcss { +<<<<<<< Updated upstream zoom: 0.; @@ -535,12 +641,41 @@ td { .gap { @media(max-width: 767px) { +======= + zoom: 0; + + @media (max-width: 767px) { + zoom: 0.5; + } +} + +.nav-res { + @media (max-width: 380px) { + width: 70%; + } +} + +.card { + margin: 2rem; + + @media (max-width: 380px) { + margin: 0; + } +} + +.gap { + @media (max-width: 767px) { +>>>>>>> Stashed changes justify-content: space-between; } } .mright { +<<<<<<< Updated upstream @media(min-width: 700px) { +======= + @media (min-width: 700px) { +>>>>>>> Stashed changes margin-left: 21%; } } @@ -554,7 +689,14 @@ td { } .bg-card { +<<<<<<< Updated upstream background-color: #171e30; +======= + background-color: #171e26; +} +.bg-light-card { + background-color: lightblue; +>>>>>>> Stashed changes } .imagefit { @@ -574,13 +716,21 @@ td { .zoom { zoom: 1; +<<<<<<< Updated upstream @media(max-width: 767px) { +======= + @media (max-width: 767px) { +>>>>>>> Stashed changes zoom: 0.5; } } .mt-6 { +<<<<<<< Updated upstream @media(min-width: 767px) { +======= + @media (min-width: 767px) { +>>>>>>> Stashed changes margin-left: 20px; margin-right: 20px; } @@ -599,11 +749,19 @@ td { -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear; +<<<<<<< Updated upstream @media(max-width: 767px) { font-size: 1.2rem; } @media(max-width: 348px) { +======= + @media (max-width: 767px) { + font-size: 1.2rem; + } + + @media (max-width: 348px) { +>>>>>>> Stashed changes font-size: 0.9rem; } } @@ -639,34 +797,47 @@ td { .hover_effect:hover { opacity: 1; transform: scale(1.05); - /* box-shadow: 0 0 15px #ffee10; */ - transition: ease-out .3s; + transition: ease-out 0.3s; } .hover_effect-1:hover { transform: scale(1.0025); box-shadow: 0 0 15px #ffee10; +<<<<<<< Updated upstream transition: ease-out .3s; } /* Sidebar.css */ +======= + transition: ease-out 0.3s; +} +>>>>>>> Stashed changes .overlay { position: fixed; opacity: 1; top: 0; left: 0; height: 100%; +<<<<<<< Updated upstream +======= + transform: translateX(-200%); + +>>>>>>> Stashed changes width: 100%; background-color: #333; overflow-x: hidden; transition: all 5s; +<<<<<<< Updated upstream +======= +>>>>>>> Stashed changes } .overlay.active { opacity: 0; +<<<<<<< Updated upstream z-index: 10; } @@ -675,6 +846,16 @@ td { position: fixed; top: 0; left: -296px; +======= + transform: translateX(0%); + + z-index: 10; +} +.sidebar { + position: fixed; + top: 0; + left: 0; +>>>>>>> Stashed changes height: 100%; width: 296px; overflow-x: hidden; @@ -683,6 +864,7 @@ td { -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(10px); border: 1px solid rgba(16, 20, 30, 0.25); +<<<<<<< Updated upstream } @@ -692,6 +874,16 @@ td { border-right: #5a6a90 solid 1px; z-index: 89; } +======= +} +/* +.sidebar.active { + transform: translateX(0%); + border-right: #5a6a90 solid 1px; + z-index: 89; +} +*/ +>>>>>>> Stashed changes /* Transparent Backdrop */ .backdrop { @@ -706,7 +898,10 @@ td { display: block; } +<<<<<<< Updated upstream /* Hide the scrollbar for both horizontal and vertical scrolling */ +======= +>>>>>>> Stashed changes .hide-scrollbar { scrollbar-width: none; /* Firefox */ @@ -714,7 +909,13 @@ td { /* Internet Explorer and Edge */ } +<<<<<<< Updated upstream /* Hide the scrollbar for WebKit based browsers like Chrome and Safari */ .hide-scrollbar::-webkit-scrollbar { display: none; -} \ No newline at end of file +} +======= +.hide-scrollbar::-webkit-scrollbar { + display: none; +} +>>>>>>> Stashed changes diff --git a/tailwind.config.js b/tailwind.config.js index e60f41d..bc0ddcb 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,6 +1,7 @@ const defaultTheme = require('tailwindcss/defaultTheme') module.exports = { + darkMode: 'class', content: [ './pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', @@ -15,6 +16,7 @@ module.exports = { circles: "url('/assets/images/background-cicles.png')", }, colors: { + "light-white":"#e3e4e8", "background": "#0D0F0B", "background-header": "#131313", "primary": "#2f6af5", From d8fac56e42931bf429f31da490ef508a2ade89d3 Mon Sep 17 00:00:00 2001 From: Rohithk <67067796+Rohithk2003@users.noreply.github.com> Date: Fri, 22 Sep 2023 09:13:08 +0530 Subject: [PATCH 16/83] Update Navigation.js --- components/Navigation.js | 5 ----- 1 file changed, 5 deletions(-) diff --git a/components/Navigation.js b/components/Navigation.js index c2604a8..7c8018a 100644 --- a/components/Navigation.js +++ b/components/Navigation.js @@ -31,13 +31,8 @@ export default function Navigation() { onClick={() => setIsOpen(false)} className={` overlay backdrop ${isOpen ? 'active' : ''}`}>
    >>>>>> Stashed changes } `}>