https://streamerbans.com/_next/static/chunks/pages/streamers-1aa9c3ed3bf52555.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[653],{8258:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/streamers",function(){return a(7987)}])},7987:function(e,s,a){"use strict";a.r(s),a.d(s,{__N_SSP:function(){return f},default:function(){return j},runtime:function(){return y}});var t=a(2676),r=a(5271),l=a(2382),i=a.n(l),n=a(8447);let d=r.forwardRef(function(e,s){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:s},e),r.createElement("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"}))}),c=r.forwardRef(function(e,s){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:s},e),r.createElement("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"}))});var m=a(9188);let o=e=>{let{title:s,onPage:a}=e;return(0,t.jsx)("a",{className:function(){for(var e=arguments.length,s=Array(e),a=0;a<e;a++)s[a]=arguments[a];return s.filter(Boolean).join(" ")}("relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700",null==a?"cursor-default":"cursor-pointer hover:bg-gray-50"),onClick:e=>{e.preventDefault(),a&&a(s)},children:s})};var x=e=>{let{totalPages:s,currentPage:a,perPage:r,totalEntries:l}=e,i=(0,m.useRouter)(),n=e=>{i.push({query:{...i.query,page:e}})},x=a-3,u=a+3;x<1?(u-=x,x=1):u>s&&(x-=u-s,u=s),x=Math.max(x,1),u=Math.min(u,s);let h=[];for(let e=x;e<=u;e++)h.push(e);return(0,t.jsxs)("div",{className:"bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6",children:[(0,t.jsxs)("div",{className:"flex-1 flex justify-between sm:hidden",children:[(0,t.jsx)("a",{className:"relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white cursor-pointer hover:text-gray-500",onClick:e=>{e.preventDefault(),a<=1||n(a-1)},children:"Previous"}),(0,t.jsx)("a",{className:"ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white cursor-pointer hover:text-gray-500",onClick:e=>{e.preventDefault(),a>=s||n(a+1)},children:"Next"})]}),(0,t.jsxs)("div",{className:"hidden sm:flex-1 sm:flex sm:items-center sm:justify-between",children:[(0,t.jsx)("div",{children:(null!=l?l:0)==0?(0,t.jsxs)("p",{className:"text-sm text-gray-700",children:["Showing ",(0,t.jsx)("span",{className:"font-medium",children:"0"})," results"]}):(0,t.jsxs)("p",{className:"text-sm text-gray-700",children:["Showing ",(0,t.jsx)("span",{className:"font-medium",children:(a-1)*r+1})," to ",(0,t.jsx)("span",{className:"font-medium",children:Math.min(a*r,l)})," of"," ",(0,t.jsx)("span",{className:"font-medium",children:null!=l?l:0})," results"]})}),(0,t.jsx)("div",{children:(0,t.jsxs)("nav",{className:"relative z-0 inline-flex rounded-md shadow-sm -space-x-px","aria-label":"Pagination",children:[a>1&&(0,t.jsxs)("a",{href:"#",className:"relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50",onClick:e=>{e.preventDefault(),n(a-1)},children:[(0,t.jsx)("span",{className:"sr-only",children:"Previous"}),(0,t.jsx)(d,{className:"h-5 w-5","aria-hidden":"true"})]}),x>1&&(0,t.jsx)(o,{title:1,onPage:()=>n(1)}),3===x&&(0,t.jsx)(o,{title:2,onPage:()=>n(2)}),x>3&&(0,t.jsx)(o,{title:"..."}),h.map((e,s)=>(0,t.jsx)(o,{title:e,selected:a===e,onPage:n},s)),u<s-2&&(0,t.jsx)(o,{title:"..."}),u===s-2&&(0,t.jsx)(o,{title:s-1,onPage:()=>n(s-1)}),u<s&&(0,t.jsx)(o,{title:s,onPage:()=>n(s)}),a<s&&(0,t.jsxs)("a",{href:"#",className:"relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50",onClick:e=>{e.preventDefault(),n(a+1)},children:[(0,t.jsx)("span",{className:"sr-only",children:"Next"}),(0,t.jsx)(c,{className:"h-5 w-5","aria-hidden":"true"})]})]})})]})]})},u=a(3817),h=e=>{let{items:s,onChange:a}

1=e,[l,i]=(0,r.useState)(s),[,n]=(0,r.useState)("");(0,r.useEffect)(()=>{var e;n(null===(e=s.find(e=>e.selected))||void 0===e?void 0:e.title)},[s]);let d=(e,t)=>{if(e.preventDefault(),null!=a){for(let r of(e.target.checked?a(t.value):s.length>0&&a(s[0].value),l))r.selected=r.value===t.value;i([...l]),n(t.title)}};return(0,t.jsx)("div",{className:"pt-2",children:(0,t.jsxs)("div",{className:"sm:grid sm:grid-cols-3 sm:gap-4 sm:items-baseline",children:[(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"text-base font-medium text-gray-900 sm:text-sm sm:text-gray-700",children:"Status"})}),(0,t.jsx)("div",{className:"sm:col-span-2",children:(0,t.jsx)("div",{className:"max-w-lg",children:(0,t.jsx)("div",{className:"mt-2 space-y-4",children:s.map((e,s)=>(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)("input",{id:e.value,name:"ban_status",type:"radio",className:"focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300",checked:e.selected,onChange:s=>d(s,e)}),(0,t.jsx)("label",{htmlFor:e.value,className:"ml-3 block text-sm font-medium text-gray-700",children:e.title})]},s))})})})]})})},g=e=>{let{items:s,onChange:a}=e,[l,i]=(0,r.useState)(s),[,n]=(0,r.useState)("");(0,r.useEffect)(()=>{var e;n(null===(e=s.find(e=>e.selected))||void 0===e?void 0:e.title)},[s]);let d=(e,t)=>{if(e.preventDefault(),null!=a){for(let r of(e.target.checked?a(t.value,t.direction):s.length>0&&a(s[0].value,s[0].direction),l))r.selected=r.value===t.value&&r.direction===t.direction;i([...l]),n(t.title)}};return(0,t.jsx)("div",{className:"pt-2",children:(0,t.jsxs)("div",{className:"sm:grid sm:grid-cols-3 sm:gap-4 sm:items-baseline",children:[(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"text-base font-medium text-gray-900 sm:text-sm sm:text-gray-700",children:"Order"})}),(0,t.jsx)("div",{className:"sm:col-span-2",children:(0,t.jsx)("div",{className:"max-w-lg",children:(0,t.jsx)("div",{className:"mt-2 space-y-4",children:s.map((e,s)=>(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)("input",{id:e.value,name:"sort_order",type:"radio",className:"focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300",checked:e.selected,onChange:s=>d(s,e)}),(0,t.jsx)("label",{htmlFor:e.value,className:"ml-3 block text-sm font-medium text-gray-700",children:e.title})]},s))})})})]})})},p=e=>{let{sortings:s,banStatusFilterings:a,searchQuery:l}=e,i=(0,m.useRouter)(),[n,d]=(0,r.useState)(null!=l?l:"");return(0,t.jsxs)("div",{className:"space-y-6",children:[(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow px-5 py-5 sm:py-4 sm:px-6 divide-y divide-gray-200 space-y-5 sm:space-y-4",children:[(0,t.jsx)("div",{children:(0,t.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Search"})}),(0,t.jsx)("div",{className:"space-y-6 sm:space-y-5 divide-y divide-gray-200",children:(0,t.jsx)("div",{className:"pt-2 w-full",children:(0,t.jsx)("div",{className:"mt-2 space-y-4",children:(0,t.jsxs)("div",{className:"mt-1 relative rounded-md shadow-sm",children:[(0,t.jsx)("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:(0,t.jsx)(u.Z,{className:"h-5 w-5 text-gray-400","aria-hidden":"true"})}),(0,t.jsx)("input",{name:"search",id:"search",value:n,onChange:e=>d(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),""==n?i.push({pathname:"/streamers"}):i.push({pathname:"/streamers",query:{searchQuery:n,sortBy:"most_relevant"}}))},className:"focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md",placeholder:"Search for streamers...",type:"search",autoComplete:"off",autoFocus:!0})]})})})})]}),(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow px-5 py-5 sm:py-4 sm:px-6 divide-y divide-gray-200 space-y-5 sm:space-y-4",children:[(0,t.jsx)("div",{children:(0,t.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Sort By"})}),(0,t.jsx)("div",{className:"space-y-6 sm:space-y-5 divide-y divide-gray-200",children:(0,t.jsx)(g,{items:s,onChange:(e,s)=>{i.push({query:{...i.query,page:1,sortBy:e,sortDir:s}})}})})]}),(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow px-5 py-5 sm:py-4 sm:px-6 divide-y divide-gray-200 space-y-5 sm:space-y-4",children:[(0,t.jsx)("div",{children:(0,t.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Filtering"})}),(0,t.jsx)("div",{className:"space-y-6 sm:space-y-5 divide-y divide-gray-200",children:(0,t.jsx)(h,{items:a,onChange:e=>{i.push({query:{...i.query,page:1,banStatus:e}})}})})]})]})},v=a(8921),f=!0;let y="experimental-edge";var j=e=>{let{users:s,currentPage:a,totalPages:r,totalUsers:l,sortings:d,banStatusFilterings:c,searchQuery:m}=e;

1return(0,t.jsx)(n.Z,{title:"Streamers - StreamerBans",description:"Streamers",children:(0,t.jsxs)("div",{className:"grid grid-cols-1 grid-flow-row auto-rows-max gap-6 md:grid-cols-4",children:[(0,t.jsx)("div",{className:"space-y-6",children:(0,t.jsx)(p,{sortings:d,banStatusFilterings:c,searchQuery:m})}),(0,t.jsxs)("div",{className:"px-5 pt-6 space-y-6 bg-white rounded-lg shadow md:col-span-3 sm:px-6",children:[(0,t.jsxs)("section",{children:[null==l||0==l&&(0,t.jsx)("p",{className:"mb-4 text-lg font-medium text-gray-900",children:"No streamers found"}),(0,t.jsx)("ul",{role:"list",className:"grid grid-cols-2 gap-x-4 gap-y-6 sm:grid-cols-4 sm:gap-x-4 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-6",children:s.map(e=>(0,t.jsx)("li",{className:"relative mx-auto",children:(0,t.jsx)(i(),{href:"/user/".concat(encodeURIComponent(e.login_name)),children:(0,t.jsxs)("span",{className:"cursor-pointer",children:[(0,t.jsx)("span",{className:"block overflow-hidden w-32 h-32 bg-gray-100 rounded-lg group",children:(0,t.jsx)(v.Z,{className:"object-cover",src:e.profile_image_url,alt:e.login_name})}),(0,t.jsx)("p",{className:"block mt-2 text-sm font-medium text-gray-900 truncate",children:e.display_name})]})})},e.id))})]}),(0,t.jsx)(x,{currentPage:a,totalPages:r,perPage:60,totalEntries:l})]})]})})}}},function(e){e.O(0,[152,961,888,774,179],function(){return e(e.s=8258)}),_N_E=e.O()}]);