https://youtube-clone-mitr.netlify.app/assets/Originals-3e7bd9d5.js

1import{r as t,C as f,f as d,j as e,a as u,b as h,c as p,d as b,O as j}from"./index-e19d23e3.js";const C=()=>{const{setActiveCategory:c,videos:l,setVideos:i,darkMode:a,channel:v,setChannel:m,setVideosDetails:x,setComments:y}=t.useContext(f);t.useEffect(()=>{i([]),x([])},[]);const o=document.querySelector("body");a?o.style.backgroundColor="#0f0f0f":o.style.backgroundColor="white",t.useEffect(()=>{localStorage.removeItem("activeCategory"),c(4)},[]);const[g,r]=t.useState(navigator.onLine);return t.useEffect(()=>{const s=()=>r(!0),n=()=>r(!1);return window.addEventListener("online",s),window.addEventListener("offline",n),()=>{window.removeEventListener("online",s),window.removeEventListener("offline",n)}},[]),t.useEffect(()=>{document.title="YouTube Originals - YouTube"},[]),t.useEffect(()=>{d("channel/about?id=UCqVDpXKLmKeBU_yyt_QkItQ").then(s=>{m(s)}),d("channel/videos?id=UCqVDpXKLmKeBU_yyt_QkItQ").then(s=>{i(s.data)})},[]),e.jsx(e.Fragment,{children:g?e.jsxs("div",{className:`${a?"bg-dark text-white":"bg-light text-black"} overflow-x-hidden main-page`,children:[e.jsx("div",{children:e.jsx("img",{src:"https://yt3.googleusercontent.com/_zoMNQr6QzGbmYvrpaPi8Wvfa-5pscT2j7uyHD2rR4g-YkydY1PGLaS-c0_xqWGkTL7JN0B-Pg=w1707-fcrop64=1,00005a57ffffa5a8-k-c0xffffffff-no-nd-rj",alt:"Youtube originals channel banner",className:"w-full h-full"})}),e.jsx("div",{className:"max-w-[1284px] px-2 m-auto ",children:e.jsx("div",{className:"my-5",children:e.jsx(u,{})})}),e.jsxs("div",{className:`${a?"bg-dark":"bg-light"}`,children:[e.jsx("div",{className:"max-w-[1284px] m-auto ",children:e.jsx(h,{})}),e.jsx("hr",{className:` ${a?"border-[#3f3f3f]":"border-[#e5e5e5]"} `})]}),l.length!==0?e.jsx("div",{className:"max-w-[1284px] py-5 px-2 m-auto ",children:e.jsx("div",{className:"grid lg:grid-cols-4 xxl:grid-cols-5 md:grid-cols-4 sm:grid-cols-2 ss:grid-cols-2 xs:grid-cols-2 grid-cols-1 gap-y-5 gap-x-4 md:px-0 sm:px-6",children:l.map((s,n)=>e.jsx("div",{children:s.thumbnail?e.jsx(p,{thumbnail:s.thumbnail[s.thumbnail.length-1].url,title:s.title,views:s.viewCount,channelName:s.channelTitle,length:s.lengthText,publishedAt:s.publishedTimeText,videoId:s.videoId}):null},n))})}):e.jsx("div",{className:"max-w-[1284px] py-5 px-2 m-auto ",children:e.jsx("div",{className:"grid lg:grid-cols-4 xxl:grid-cols-5 md:grid-cols-4 sm:grid-cols-2 ss:grid-cols-2 xs:grid-cols-2 grid-cols-1 gap-y-5 gap-x-4 md:px-0 sm:px-6",children:e.jsx(b,{})})})]}):e.jsx(j,{})})};export{C as default};