https://www.mintycode.io/_next/static/chunks/pages/ecosystems-d408f12067f506af.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7464],{403:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ecosystems",function(){return l(5504)}])},71470:function(e,t,l){"use strict";l.d(t,{Z:function(){return x}});var s=l(11527),r=l(84875),a=l.n(r),i=l(50959),n=l(73065),o=l.n(n);let c=i.useLayoutEffect;var d=l(98832);let x=e=>{let{className:t="",children:l,showArrows:r=!1}=e,[n,x]=(0,i.useState)(0),[m,u]=(0,i.useState)(!1),[h,f]=(0,i.useState)(150),p=(0,i.useRef)(null);c(()=>{var e,t,s;u(n+((null===(e=p.current)||void 0===e?void 0:e.clientWidth)||0)<((null==p?void 0:null===(t=p.current)||void 0===t?void 0:t.scrollWidth)||0)),f(2*(((null===(s=p.current)||void 0===s?void 0:s.scrollWidth)||0)/i.Children.count(l)))});let w=e=>{var t;null==p||null===(t=p.current)||void 0===t||t.scrollBy({left:e*h,behavior:"smooth"})};return(0,s.jsxs)("div",{className:a()("relative",{"overflow-x-auto":!r}),children:[r&&n>0&&(0,s.jsx)("button",{className:"".concat(o().arrow," left-2"),onClick:()=>w(-1),children:(0,s.jsx)(d.s$,{width:"12",height:"12"})}),(0,s.jsx)("div",{className:a()("hide-scrollbar flex max-w-[100vw] overflow-x-auto overflow-y-visible",t),ref:p,onScroll:r?e=>x(e.target.scrollLeft):void 0,children:l}),r&&m&&(0,s.jsx)("button",{className:"".concat(o().arrow," right-2"),onClick:()=>w(1),children:(0,s.jsx)(d._Q,{width:"12",height:"12"})})]})}},63353:function(e,t,l){"use strict";l.d(t,{C:function(){return v},Z:function(){return g}});var s=l(11527),r=l(71470),a=l(16646),i=l.n(a),n=l(98832),o=l(28247),c=l(95991),d=l(81522),x=l(7194),m=l(97381),u=l.n(m),h=l(52968),f=l(34908),p=l(32178),w=l(5116);function g(){let{data:e,isLoading:t,error:l,mutate:a}=(0,h.Z)({limit:5}),{data:n=[],...o}=e||{},c=(null==n?void 0:n.length)===0;return(0,s.jsxs)("div",{className:"flex flex-col px-5 mt-24 xl:max-w-6xl items-center xl:mx-auto mx-5",children:[(0,s.jsx)("div",{className:"self-center text-3xl md:text-4xl font-bold tracking-wide leading-10 text-black whitespace-nowrap",children:"Trending Open Source Ecosystems"}),t&&(0,s.jsx)("div",{className:"max-w-[100vw] hide-scrollbar overflow-x-auto gap-6 pt-20 px-8 md:px-10 grid grid-flow-col -mx-8",children:(0,s.jsx)(w.O,{count:5,height:400,className:"max-w-sm min-w-[364px] rounded-2xl"})}),!t&&!c&&(0,s.jsxs)(r.Z,{className:"space-x-6 pt-20 px-8 md:px-10 grid grid-flow-col -mx-8",showArrows:!0,children:[n.map(e=>{let{displayName:t,description:l,imageUrl:r,profiles:a,projects:i,githubUsername:n}=e;return(0,s.jsx)(v,{logo:r,name:t,description:l,imageClassNames:"p-2 rounded-full",totalRewards:e.totalRewards,communityProjects:i,members:null==a?void 0:a.toString(),url:"/".concat(n)},e._id)}),(0,s.jsx)(u(),{href:"/ecosystems",children:(0,s.jsxs)("div",{className:"relative flex flex-col px-7 pb-6 bg-white rounded-2xl border border-solid border-slate-300 max-w-sm min-w-[364px] h-full cursor-pointer",children:[(0,s.jsx)("div",{className:"relative w-28 min-h-[112px] rounded-full self-center -mt-14 bg-white border outline outline-4 outline-white p-4 overflow-hidden",children:(0,s.jsx)(i(),{src:"/minty-logo.png",alt:"ecosystem icon",fill:!0,className:"rounded-full p-2",style:{objectFit:"contain"}})}),(0,s.jsx)(i(),{src:"creator_step_1.svg",alt:"trendind-ecosystem",fill:!0,className:"absolute opacity-5",style:{objectFit:"cover"}}),(0,s.jsxs)("div",{className:"relative flex flex-col items-center space-y-6 px-4 text-center justify-center h-full",children:[(0,s.jsxs)("p",{className:"mt-5 text-2xl font-bold tracking-wide leading-9 text-black",children:["View all the remaining ",(null==e?void 0:e.totalCount)-5," ecosystems"]}),(0,s.jsx)(f.Z,{title:"View All",variant:p.JB.PRIMARY,isFluid:!0})]})]})})]})]})}function v(e){let{logo:t,name:l,description:r,imageClassNames:a="",totalRewards:m="",members:h="0",communityProjects:f=0,url:p="/login"}=e,{openModal:w}=(0,c.Z)(o.u9);(0,d.useRouter)();let{isAuthenticated:g}=(0,x.aF)();return(0,s.jsx)(u(),{href:p,children:(0,s.jsxs)("div",{className:"flex flex-col px-7 pb-6 bg-white rounded-2xl border border-solid border-slate-300 max-w-sm min-w-[364px] h-full cursor-pointer",children:[(0,s.jsx)("div",{className:"relative w-28 h-28 rounded-full self

1-center -mt-14 bg-white border outline outline-4 outline-white p-4 overflow-hidden",children:(0,s.jsx)(i(),{src:t||"/minty-logo.png",alt:"ecosystem icon",fill:!0,className:a,style:{objectFit:"contain"}})}),(0,s.jsx)("div",{className:"mt-5 text-2xl font-bold tracking-wide leading-8 text-tertiary-gray-900 whitespace-nowrap",children:l}),(0,s.jsx)("div",{className:"mt-5 flex-grow !text-black",children:r}),(0,s.jsxs)("div",{className:"flex gap-1 justify-between mt-8",children:[(0,s.jsx)(n.j9,{className:"my-auto w-5 aspect-square stroke-tertiary-gray-700"}),(0,s.jsxs)("div",{className:"flex-auto",children:[(0,s.jsx)("span",{className:"text-stone-400",children:"Total rewards:"}),(0,s.jsxs)("span",{className:"ml-1 text-black",children:["$",parseInt(m)]})]})]}),(0,s.jsxs)("div",{className:"flex gap-1.5 justify-between mt-3",children:[(0,s.jsx)(n.Ys,{className:"my-auto w-5 aspect-square stroke-tertiary-gray-700"}),(0,s.jsxs)("div",{className:"flex-auto",children:[(0,s.jsx)("span",{className:"text-stone-400",children:"Community members:"}),(0,s.jsx)("span",{className:"text-black ml-1",children:h})]})]}),(0,s.jsxs)("div",{className:"flex gap-1.5 justify-between mt-3",children:[(0,s.jsx)(n.v6,{className:"my-auto w-5 aspect-square stroke-tertiary-gray-700"}),(0,s.jsxs)("div",{className:"flex-auto",children:[(0,s.jsx)("span",{className:"text-stone-400",children:"Community Projects:"}),(0,s.jsx)("span",{className:"text-black ml-1",children:f})]})]}),(0,s.jsx)("p",{className:"cursor-pointer self-center mt-8 font-bold text-green-400 whitespace-nowrap leading-[150%] hover:text-primary-green-500",children:"Join now"})]})})}},52968:function(e,t,l){"use strict";l.d(t,{Z:function(){return a}});var s=l(68916),r=l(28119);function a(e){let{getPage:t}=(0,r.Z)(),l=new URLSearchParams;l.set("page",t().toString()),l.set("limit",e.limit.toString());let{data:a,isLoading:i,error:n,mutate:o}=(0,s.Z)("/ecosystem?".concat(l.toString()),{shouldRetryOnError:!1},!1);return{data:a,error:n,isLoading:i,mutate:o}}},5504:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return o}});var s=l(11527),r=l(72350),a=l(5116),i=l(63353),n=l(52968);function o(){let{data:e,isLoading:t,error:l,mutate:o}=(0,n.Z)({limit:12}),{data:c=[],...d}=e||{},x=(null==c?void 0:c.length)===0;return(0,s.jsxs)("div",{className:"mx-auto max-w-md md:max-w-3xl xl:max-w-6xl 2xl:max-w-full flex flex-col items-center",children:[(0,s.jsx)("p",{className:"pt-10 text-3xl md:text-4xl font-bold tracking-wide leading-10 text-black whitespace-nowrap",children:"Trending Open Source Ecosystems"}),t&&(0,s.jsx)("div",{className:"mt-24 grid max-sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-x-4 2xl:grid-cols-4 gap-y-20 mx-2",children:(0,s.jsx)(a.O,{count:8,height:400,className:"max-w-sm min-w-[364px] rounded-2xl"})}),!t&&!x&&(0,s.jsx)("div",{className:"mt-24 grid max-sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-x-4 2xl:grid-cols-4 gap-y-20 mx-2",children:null==c?void 0:c.map(e=>{let{displayName:t,description:l,imageUrl:r,profiles:a,projects:n,githubUsername:o}=e;return(0,s.jsx)(i.C,{logo:r,name:t,description:l,imageClassNames:"p-2 rounded-full",totalRewards:e.totalRewards,communityProjects:n,members:null==a?void 0:a.toString(),url:"/".concat(o)},e._id)})}),!x&&(0,s.jsx)(r.t,{...d})]})}},73065:function(e){e.exports={arrow:"HorizontalScroll_arrow__BsxKn"}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=403)}),_N_E=e.O()}]);