(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2361],{81255:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/rank",function(){return n(44507)}])},65284:function(e,i,n){"use strict";n.d(i,{Z:function(){return u}});var s=n(85893),t=n(11163);n(67294);var r=n(20109),c=n(98690),o=n.n(c),l=n(70831),a=n.n(l);let d=new(o()).S3({accessKeyId:"AKIAXL4CLPCGYPAVO74I",secretAccessKey:"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"});function u(e){var i,n;let{video:c}=e,o=(0,t.useRouter)();return(0,s.jsxs)(r.Z,{bordered:!0,cover:(0,s.jsx)("div",{className:a().videoCardCover,children:(0,s.jsx)("img",{alt:"NO IMAGE",src:(i=c.image_filename)?d.getSignedUrl("getObject",{Bucket:"techlabsatoru-video-image",Key:i,Expires:3600}):(console.error("Invalid key provided to getS3ImageUrl:",i),"")})}),className:a().videoCard,onClick:()=>{o.push("/video/".concat(c.filename))},children:[(0,s.jsx)("b",{children:(n=c.title).length<=20?n+" ".repeat(20-n.length):n.slice(0,20)+"..."}),(0,s.jsx)("p",{}),(0,s.jsxs)("p",{style:{padding:"0px"},children:[c.genre," ・ ",c.play_count," views ・ ",c.point," points"]})]})}},44507:function(e,i,n){"use strict";n.r(i),n.d(i,{default:function(){return p}});var s=n(85893),t=n(67294),r=n(49802),c=n(71230),o=n(15746),l=n(75456),a=n(72102),d=n.n(a),u=n(65284);let h=(0,r.eI)("https://jtdnnopfoplnqeflptje.supabase.co","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imp0ZG5ub3Bmb3BsbnFlZmxwdGplIiwicm9sZSI6ImFub24iLCJpYXQiOjE2ODkzOTIyMDcsImV4cCI6MjAwNDk2ODIwN30.XcI6EDbeMuiOb_7NKdZhAZR8uMbBTZvuhALrtvUUWkU");function p(){let[e,i]=(0,t.useState)([]),[n,r]=(0,t.useState)("point");function a(e){var i=e%10,n=e%100;return 1==i&&11!=n?e+"st":2==i&&12!=n?e+"nd":3==i&&13!=n?e+"rd":e+"th"}return(0,t.useEffect)(()=>{!async function(){try{let e=h.from("video").select().order(n,{ascending:!1}).limit(10),{data:s,error:t}=await e;if(t)throw t;i(s||[])}catch(e){console.error("Error fetching top videos:",e)}}()},[n]),(0,s.jsx)(t.Fragment,{children:(0,s.jsxs)("section",{className:d().Section,children:[(0,s.jsx)("h2",{style:{color:"#00ffff",textShadow:"0 0 8px #00ffff",textAlign:"center",marginTop:"5rem",marginBottom:"5rem"},children:"Video Ranking"}),(0,s.jsxs)(l.Z,{className:d().customSelect,defaultValue:"point",style:{width:120,marginBottom:"2rem"},onChange:e=>{r(e)},children:[(0,s.jsx)(l.Z.Option,{value:"point",children:"points"}),(0,s.jsx)(l.Z.Option,{value:"play_count",children:"views"})]}),(0,s.jsxs)(c.Z,{gutter:[16,24],children:[e.slice(0,1).map((e,i)=>(0,s.jsx)(o.Z,{xs:24,sm:12,md:8,lg:6,children:(0,s.jsxs)("div",{className:d().specialContainer,children:[(0,s.jsx)("h3",{className:d().Gold,children:a(i+1)}),(0,s.jsx)(u.Z,{video:e})]})},e.id)),e.slice(1,2).map((e,i)=>(0,s.jsx)(o.Z,{xs:24,sm:12,md:8,lg:6,children:(0,s.jsxs)("div",{className:d().specialContainer,children:[(0,s.jsx)("h3",{className:d().Silver,children:a(i+2)}),(0,s.jsx)(u.Z,{video:e})]})},e.id)),e.slice(2,3).map((e,i)=>(0,s.jsx)(o.Z,{xs:24,sm:12,md:8,lg:6,children:(0,s.jsxs)("div",{className:d().specialContainer,children:[(0,s.jsx)("h3",{className:d().Bronze,children:a(i+3)}),(0,s.jsx)(u.Z,{video:e})]})},e.id)),e.slice(3).map((e,i)=>(0,s.jsxs)(o.Z,{xs:24,sm:12,md:8,lg:6,children:[(0,s.jsx)("h3",{style:{color:"#00ffff",textShadow:"0 0 8px #00ffff",fontWeight:"bold"},children:a(i+4)}),(0,s.jsx)(u.Z,{video:e})]},e.id))]})]})})}},70831:function(e){e.exports={cardDescription:"videoCard_cardDescription__eCHn9",videoCard:"videoCard_videoCard__TAWrw",videoCardCover:"videoCard_videoCardCover__zcpjs"}},72102:function(e){e.exports={Section:"rank_Section__rIK0F",Gold:"rank_Gold__LBBZU",Silver:"rank_Silver__lFg0N",Bronze:"rank_Bronze__9fJJ0",customSelect:"rank_customSelect__MCb4I"}},11163:function(e,i,n){e.exports=n(96885)},28022:function(){}},function(e){e.O(0,[6586,4714,9967,9638,8629,9802,2182,8690,5456,109,9774,2888,179],function(){return e(e.s=81255)}),_N_E=e.O()}]);