1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1782],{44762:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/project-showcase",function(){return t(36070)}])},44510:function(n,e,t){"use strict";var r=t(67294),i=t(11163);e.Z=function(n){let{community:e,filter:t,refreshTrigger:o=null}=n,l=(0,i.useRouter)(),[s,a]=(0,r.useState)([]),[c,d]=(0,r.useState)(!1),[p,u]=(0,r.useState)(1);return(0,r.useEffect)(()=>{async function getCommunityPosts(){let n="".concat(e,"-").concat(t.internalName,"-").concat(o),r=JSON.parse(sessionStorage.getItem(n));if((null==r?void 0:r.posts)||(r={}),r.posts)a(null==r?void 0:r.posts),u(null==r?void 0:r.currentPage),(null==r?void 0:r.posts.length)===0&&d(!0);else{let i=t.api,o=await fetch(i),l=await o.json(),s=l.posts;r={posts:[...s],currentPage:"leaderboards"===e?null==l?void 0:l.lastUserId:1},sessionStorage.setItem(n,JSON.stringify({...r})),a(s),u(1),0===s.length&&d(!0)}}a([]),getCommunityPosts()},[e,null==t?void 0:t.api,null==t?void 0:t.internalName,o]),(0,r.useEffect)(()=>{function logScrollPosition(){let n="".concat(e,"-").concat(t.internalName,"-").concat(o,"-scroll");0!=window.scrollY&&sessionStorage.setItem(n,JSON.stringify(window.scrollY))}return window.addEventListener("scroll",logScrollPosition),()=>{window.removeEventListener("scroll",logScrollPosition)}},[l.asPath,e,t.internalName,o]),{posts:s,noMorePosts:c,currentPage:p}}},96550:function(n,e,t){"use strict";var r=t(85893);e.Z=function(n){let{...e}=n;return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 3.55078H2V21.5508H4H20H22V3.55078H20H4ZM20 5.55078V19.5508H4V5.55078H20ZM14 9.55078H12V11.5508H10V13.5508H8V15.5508H6V17.5508H8V15.5508H10V13.5508H12V11.5508H14V13.5508H16V15.5508H18V13.5508H16V11.5508H14V9.55078ZM8 7.55078H6V9.55078H8V7.55078Z",fill:"#64748B"})})}},65919:function(n,e,t){"use strict";var r=t(85893);e.Z=function(n){let{...e}=n;return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,r.jsx)("path",{d:"M9.75 16.5H8.25V13.5H3V10.5H4.5V12H13.5V10.5H15V13.5H9.75V16.5ZM6 10.5H4.5V9H6V10.5ZM13.5 10.5H12V9H13.5V10.5ZM7.5 9H6V6H7.5V9ZM12 9H10.5V6H12V9ZM13.5 6H12V3H6V6H4.5V1.5H13.5V6Z",fill:"#475569"})})}},86121:function(n,e,t){"use strict";var r=t(82729),i=t(85893),o=t(19521),l=t(67294),s=t(62286),a=t.n(s),c=t(41664),d=t.n(c),p=t(11163);function _templateObject(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n margin: 0px 20px;\n border-bottom: 2px solid ",';\n font-family: "Mulish", sans-serif;\n max-width: calc(100vw - 2rem);\n overflow-x: auto;\n\n p {\n margin: 0px;\n }\n\n .channel-filter {\n padding: 10px 8px;\n border-bottom: 2px solid transparent;\n\n .filter-text {\n padding: 8px 12px;\n color: ',";\n font-size: 16px;\n font-weight: 600;\n line-height: 150%;\n border-radius: 4px;\n min-width: var(--min-width);\n white-space: nowrap;\n\n span {\n /* padding: 2px 6px; */\n border-radius: 50%;\n background: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n }\n }\n\n :hover {\n .filter-text {\n background: ",";\n color: ",";\n }\n }\n }\n\n .current-filter {\n border-bottom: 2px solid #14adff;\n .filter-text {\n font-weight: 700;\n color: ",";\n\n span {\n background: #0080d4;\n color: #fff;\n }\n }\n }\n a {\n text-decoration: none;\n }\n"]);return _templateObject=function(){return n},n}let u=o.default.div.withConfig({componentId:"sc-263766b4-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>n.theme.colors.border.grey.light,n=>n.theme.colors.background.grey.tertiary,n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.primary});e.Z=function(n){let{filters:e,currentFilter:t,setCurrentFilter:r}=n,o=a().get().codedextoken||"",s=(0,l.useRef)({}),c=(0,p.useRouter)(),m=c.asPath.replace(/\/(submissions|winners
1)(\/)?$/,"");return(0,l.useEffect)(()=>{Object.values(e).forEach(n=>{let e=s.current[n.internalName];if(e){let n=e.style.fontWeight;e.style.fontWeight="700";let t=e.scrollWidth;e.style.fontWeight=n,e.style.setProperty("--min-width","".concat(t,"px"))}})},[e]),(0,i.jsx)(u,{className:"community-feed-filters",children:Object.values(e).map(n=>{if(((null==n?void 0:n.disableOnLogout)!=!0||o)&&(null==n?void 0:n.disable)!=!0)return(null==m?void 0:m.includes("monthly-challenge"))?(0,i.jsx)(d(),{href:"".concat(m,"/").concat(n.link),children:(0,i.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""),onClick:()=>r(n.internalName),children:(0,i.jsxs)("p",{className:"filter-text",ref:e=>{s.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,i.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})})},n.internalName):(0,i.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""," ").concat(n.internalName),onClick:()=>r(n.internalName),children:(0,i.jsxs)("p",{className:"filter-text",ref:e=>{s.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,i.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})},n.internalName)})})}},80334:function(n,e,t){"use strict";var r=t(82729),i=t(85893),o=t(19521),l=t(9473),s=t(609),a=t(46331),c=t(67294),d=t(73845),p=t(3649);function _templateObject(){let n=(0,r._)(['\n flex-shrink: 0;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 12px;\n z-index: 4;\n font-family: "Mulish", sans-serif;\n\n &.small {\n .toggle {\n padding: 6px 10px;\n }\n }\n\n .postin-label {\n color: ',";\n\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n\n span {\n color: #f43f5e;\n }\n }\n\n .toggle {\n padding: 12px 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: ",";\n\n p {\n color: ",";\n font-size: 16px;\n font-weight: 700;\n line-height: 150%;\n }\n\n svg {\n transition-duration: 0.2s;\n path {\n fill: ",";\n }\n }\n }\n\n .dropdown {\n position: absolute;\n width: inherit;\n top: 120%;\n box-shadow: 0px 5px 16px 0px ",";\n border-radius: 20px;\n\n .inner-dropwdown {\n padding: 8px;\n background-color: ",";\n\n p {\n padding: 8px 12px;\n color: ",";\n\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n border-radius: 4px;\n\n :hover {\n color: ",";\n background-color: ",";\n }\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let u=o.default.div.withConfig({componentId:"sc-b4dbf83-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.background.grey.secondary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.border.grey.dark},n=>{let{theme:e}=n;return e.colors.background.grey.boxshadow},n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.background.grey.tertiary});e.Z=function(n){var e;let{selectedListItem:t,setSelectedListItem:r,listItems:o,disableLabel:m=!1,width:f=198,label:h="Post in",small:x=!1}=n;(0,d.T)();let g=(0,l.v9)(s.o4)||"dark",j="dark"===g,[v,w]=(0,c.useState)(!1),y=(0,l.v9)(s.S5);return(0,i.jsxs)(u,{style:{width:f},className:"".concat(x&&"small"),children:[!m&&(0,i.jsxs)("p",{className:"postin-label",children:[h,(0,i.jsx)("span",{children:"*"})]}),(0,i.jsxs)(p.Z,{className:"toggle nes-pointer",borderColor:v?"14ADFF":j?"64748B":"94A3B8",onClick:()=>w(!v),children:[(0,i.jsx)("p",{children:null===(e=o[t])||void 0===e?void 0:e.displayName}),(0,i.jsx)(a.Z,{style:{transform:v?"rotate(90deg)":"rotate(-90deg)"}})]}),v&&(0,i.jsx)("div",{className:"dropdown",children:(0,i.jsx)(p.Z,{className:"inner
1-dropwdown",borderColor:j?"64748B":"94A3B8",children:Object.keys(o).map(n=>{let e=o[n];if("question-of-the-week"!==e.internaleName||y)return(0,i.jsx)("p",{className:"item nes-pointer",onClick:()=>{r(e.internaleName),w(!v)},children:e.displayName},n)})})})]})}},18358:function(n,e,t){"use strict";t.d(e,{Z:function(){return ProjectCard_ProjectCardConsumer}});var r=t(82729),i=t(85893),o=t(19521),l=t(609),s=t(9473),a=t(20759),c=t(65919),d=t(20517),p=t(96550),u=t(86247),PaperScrollIcon=function(n){let{color:e="currentColor",...t}=n;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"41",viewBox:"0 0 40 41",fill:"none",...t,children:[(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 5.55176H33.3334V8.88509H36.6667V18.8851H33.3334V32.2184H30V8.88509H10V5.55176ZM23.3334 28.8851V25.5518H10V8.88509H6.66671V25.5518H3.33337V28.8851V32.2184H6.66671V35.5518H30V32.2184L26.6667 32.2184V28.8851H23.3334ZM23.3334 28.8851V32.2184H6.66671V28.8851H23.3334Z",fill:e}),(0,i.jsx)("rect",{x:"13.3334",y:"18.8853",width:"13.3333",height:"3.33333",fill:e}),(0,i.jsx)("rect",{x:"13.3334",y:"12.2183",width:"13.3333",height:"3.33333",fill:e})]})};function _templateObject(){let n=(0,r._)(["\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n .grid-container {\n display: grid;\n grid-template-columns: repeat(2, auto);\n grid-template-rows: repeat(2, auto);\n gap: 20px;\n }\n\n .icon-wrapper {\n display: flex;\n justify-content: center;
1\n align-items: center;\n color: ",";\n\n svg {\n width: 48px;\n height: 48px;\n\n path, rect {\n fill: currentColor !important;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let m=o.default.div.withConfig({componentId:"sc-1979ee70-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.semantic.border.grey.medium});var community_DefaultPostImage=function(){return(0,i.jsx)(m,{children:(0,i.jsxs)("div",{className:"grid-container",children:[(0,i.jsx)("div",{className:"icon-wrapper",children:(0,i.jsx)(d.Z,{})}),(0,i.jsx)("div",{className:"icon-wrapper",children:(0,i.jsx)(p.Z,{})}),(0,i.jsx)("div",{className:"icon-wrapper",children:(0,i.jsx)(PaperScrollIcon,{})}),(0,i.jsx)("div",{className:"icon-wrapper",children:(0,i.jsx)(u.Z,{})})]})})},f=t(79352);function ProjectCardImage_templateObject(){let n=(0,r._)(["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"]);return ProjectCardImage_templateObject=function(){return n},n}function _templateObject1(){let n=(0,r._)(["\n margin: 2px;\n\n height: 200px;\n position: relative;\n\n .play-button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n opacity: 0.8;\n transition: opacity 0.1s;\n }\n\n :hover {\n .play-button {\n opacity: 0;\n }\n }\n\n img {\n height: inherit;\n width: 100%;\n object-fit: cover;\n }\n\n .stats-container {\n background: rgba(2, 6, 23, 0.6);\n position: absolute;\n height: inherit;\n width: 100%;\n display: none;\n justify-content: center;
1\n align-items: center;\n gap: 16px;\n\n opacity: 0;\n animation: none;\n transition-duration: 0.2s;\n\n .stat {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-top: 32px;\n\n p {\n color: #fff;\n font-size: 16px;\n font-weight: 700;\n line-height: 150%;\n }\n }\n }\n\n .tags {\n position: absolute;\n top: 10px;\n left: 10px;\n display: flex;\n gap: 8px;\n\n .pinned {\n position: relative;\n padding: 5px 12px;\n background-color: #fef08a;\n border-radius: 100px;\n width: fit-content;\n z-index: 2;\n display: flex;\n align-items: center;\n gap: 8px;\n\n p {\n color: #854d0e;\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n }\n\n .user-pinned {\n background-color: #f1f5f9;\n\n svg {\n path {\n fill: #475569;\n }\n }\n\n p {\n color: #475569;\n }\n }\n }\n\n :hover {\n .stats-container {\n display: flex;\n animation: "," 0.2s ease-in forwards;\n }\n }\n"]);return _templateObject1=function(){return n},n}let h=(0,o.keyframes)(ProjectCardImage_templateObject()),x=o.default.div.withConfig({componentId:"sc-577cd34f-0"})(_templateObject1(),h);var ProjectCard_ProjectCardImage=function(n){let{imgSrc:e,likes:t,comments:r,pinned:o=!1,views:l,enableStaffPick:s,userPinned:a=!1,postOwner:d=!1,isVideo:p=!1}=n,u=[{svg:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3336 1.66675H1.66693V3.33336H1.66669V13.3334H3.33335V3.33342H16.6667V13.3334H10L10 15H8.33335V16.6667H6.66669V15.0001H6.66689V13.3334H6.66669V13.3334H5.00002V13.3334H1.66689V15.0001H5.00002V18.3334H6.66669H8.33335V16.6667H10V15H18.3334V13.3334V3.33342H18.3336V1.66675Z",fill:"white"})}),num:r||0},{svg:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 5H16V7H8V5ZM4 9V7H8V9H4ZM2 11V9H4V11H2ZM2 13H0V11H2V13ZM4 15H2V13H4V15ZM8 17H4V15H8V17ZM16 17V19H8V17H16ZM20 15V17H16V15H20ZM22 13V15H20V13H22ZM22 11H24V13H22V11ZM20 9H22V11H20V9ZM20 9V7H16V9H20ZM15 9H9V15H15V9Z",fill:"white"})}),num:l}];return(0,i.jsxs)(x,{children:[p&&e&&(0,i.jsx)(f.Xt2,{color:"#F1F5F9",className:"play-button",size:50}),(0,i.jsxs)("div",{className:"tags",children:[a&&d&&(0,i.jsxs)("div",{className:"pinned user-pinned",children:[(0,i.jsx)(c.Z,{}),(0,i.jsx)("p",{children:"Pinned"})]}),o&&s&&(0,i.jsx)("div",{className:"pinned",children:(0,i.jsx)("p",{children:"STAFF PICK"})})]}),(0,i.jsx)("div",{className:"stats-container",children:u.map(n=>(0,i.jsxs)("div",{className:"stat",children:[n.svg,(0,i.jsx)("p",{children:n.num})]},n.num))}),e?(0,i.jsx)("img",{src:e,alt:"project image",loading:"lazy"}):(0,i.jsx)(community_DefaultPostImage,{})]})},g=t(63877),j=t(78635),v=t(41664),w=t.n(v),y=t(67294);function ProjectCardInfo_templateObject(){let n=(0,r._)(["\n padding: 12px 14px 14px 14px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .project-title,\n .tag-line {\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n\n p {\n color: ",";\n font-size: 16px;\n font-weight: 700;\n line-height: normal;\n }\n }\n\n .tag-line {\n p {\n margin-top: -4px;\n font-weight: 500;\n font-size: 14px;\n }\n }\n\n .author-info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n\n .img-name {\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .image-container {\n flex-shrink: 0;\n transition-duration: 0.2s;\n img {\n width: 24px;\n height: 24px;\n object-fit: cover;\n border-radius: 50%;\n }\n\n :hover {\n opacity: 0.8;\n }\n }\n\n .author-copy {\n display: flex;\n align-items: center;\n gap: 4px;\n transition-duration: 0.2s;\n\n .username {\n color: ",";\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n\n :hover {\n text-decoration: underline;\n }\n }\n\n .dot {\n background-color: ",";\n width: 2px;\n height: 2px;\n }
1\n\n .time-posted {\n position: relative;\n\n p {\n color: ",";\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n }\n\n .tooltip {\n display: none;\n min-width: fit-content;\n position: absolute;\n white-space: nowrap;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n }\n\n :hover {\n .tooltip {\n display: block;\n }\n }\n }\n }\n\n .likes {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n line-height: normal;\n display: flex;\n gap: 6px;\n\n svg {\n width: 20px;\n height: 20px;\n\n path {\n fill: ",";\n }\n }\n }\n }\n"]);return ProjectCardInfo_templateObject=function(){return n},n}let b=o.default.div.withConfig({componentId:"sc-ff86d9d1-0"})(ProjectCardInfo_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary});var ProjectCard_ProjectCardInfo=function(n){let{author:e,createdAt:t,title:r,userLikes:o,tagLine:l=""}=n,s=(0,y.useMemo)(()=>(0,g.F)(t),[t]);return(0,y.useMemo)(()=>(0,g.i)(t),[t]),(0,i.jsxs)(b,{children:[(0,i.jsx)("div",{className:"project-title",children:(0,i.jsx)("p",{children:r})}),l&&(0,i.jsx)("div",{className:"tag-line",children:(0,i.jsx)("p",{children:l})}),(0,i.jsxs)("div",{className:"author-info",children:[(0,i.jsxs)("div",{className:"img-name",children:[(0,i.jsx)(w(),{href:"/@".concat(null==e?void 0:e.username),children:(0,i.jsx)("div",{className:"image-container nes-pointer",children:(0,i.jsx)("img",{src:null==e?void 0:e.photoURL,alt:"author image"})})}),(0,i.jsxs)("div",{className:"author-copy",children:[(0,i.jsx)(w(),{href:"/@".concat(null==e?void 0:e.username),children:(0,i.jsxs)("p",{className:"username nes-pointer",children:["@",null==e?void 0:e.username]})}),(0,i.jsx)("div",{className:"dot"}),(0,i.jsx)("div",{className:"time-posted",children:(0,i.jsx)("p",{className:"posted-since",children:s})})]})]}),(0,i.jsxs)("p",{className:"likes",children:[(0,i.jsx)(j.Z,{isLiked:!1}),o]})]})]})};function ProjectCardConsumer_templateObject(){let n=(0,r._)(["\n flex: 1;\n height: fit-content;\n background-color: ",';\n padding-bottom: 4px;\n font-family: "Mulish", sans-serif;\n\n .inner-projects-card-container {\n height: 100%;\n background-color: ',";\n }\n"]);return ProjectCardConsumer_templateObject=function(){return n},n}let N=(0,o.default)(a.Z).withConfig({componentId:"sc-7a96d5e2-0"})(ProjectCardConsumer_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.background.grey.primary});var ProjectCard_ProjectCardConsumer=function(n){var e,t,r,o,c;let{post:d,forMc:p=!1,enableStaffPick:u=!0,postOwner:m=!1,newTab:f=!1}=n,h=(0,s.v9)(l.o4)||"dark",x="dark"===h;return(0,i.jsx)(N,{borderColor:x?"475569":"CBD5E1",children:(0,i.jsx)(w(),{href:p?"/community/monthly-challenge/submission/".concat(null==d?void 0:d.postId):"/community/project-showcase/".concat(null==d?void 0:d.postId),style:{textDecoration:"none"},...f?{target:"_blank",rel:"noopener noreferrer"}:{},children:(0,i.jsxs)(a.Z,{borderColor:x?"475569":"CBD5E1",className:"inner-projects-card-container nes-pointer",children:[(0,i.jsx)(ProjectCard_ProjectCardImage,{imgSrc:(null==d?void 0:d.cardImage)||(null==d?void 0:null===(e=d.images[0])||void 0===e?void 0:e.url)||(null==d?void 0:null===(r=d.videoFiles)||void 0===r?void 0:null===(t=r[0])||void 0===t?void 0:t.thumbNailUrl)||(null==d?void 0:null===(c=d.videoFiles)||void 0===c?void 0:null===(o=c[0])||void 0===o?void 0:o.backgroundImageUrl),isVideo:!!((null==d?void 0:d.videoFiles)&&(null==d?void 0:d.videoFiles.length)>0),likes:null==d?void 0:d.userLikes,comments:null==d?void 0:d.userComments,views:(null==d?void 0:d.viewCount)||0,pinned:null==d?void 0:d.pinned,enableStaffPick:u,postOwner:m,userPinned:null==d?void 0:d.pinnedByOwner}),(0,i.jsx)(ProjectCard_ProjectCardInfo,{author:null==d?void 0:d.authorData,createdAt:null==d?void 0:d.createdAt,title:null==d?void 0:d.title,userLikes:null==d?void 0:d.userLikes,tagLine:null==d?void 0:d.tagLine})]})})})}},36070:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return k},default:function(){return ChannelPage}});var r=t(85893),i=t(11163),o=t(67294),l=t(99428),s=t(82077),a=t(44510),c=t(74796),d=t(52861),p=t(82729),u=t(19521
1),m=t(9473),f=t(609),h=t(58533),x=t(25670),g=t(67788),j=t(86121),v=t(80334);function _templateObject(){let n=(0,p._)(["\n margin: 32px 20px;\n display: flex;\n justify-content: space-between;\n\n "," {\n flex-direction: column;\n justify-content: start;\n gap: 12px;\n }\n\n ",' {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n /* gap: 63px; */\n }\n\n .filters {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n font-family: "Mulish", sans-serif;\n\n '," {\n flex-wrap: nowrap;\n overflow: auto;\n }\n\n "," {\n flex-wrap: wrap;\n }\n\n .tag {\n padding: 8px 16px;\n border-radius: 200px;\n border: 2px solid\n ",";\n transition-duration: 0.2s;\n\n p {\n color: ",";\n\n text-align: center;\n\n font-style: normal;\n font-weight: 600;\n\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n "," {\n font-size: 14px;\n }\n "," {\n font-size: 16px;\n }\n }\n\n :hover {\n background: ",";\n }\n }\n\n .tag-selected {\n border: 2px solid ",";\n background: ",";\n p {\n color: ",";\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let w=u.default.div.withConfig({componentId:"sc-6a0b7228-0"})(_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.grey["600"]:e.colors.palette.grey["300"]},n=>{let{theme:e}=n;return"dark"==e.mode?"#fff":"#020617"},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.grey["800"]:e.colors.palette.grey["100"]},n=>{let{theme:e}=n;return e.colors.palette.blue["500"]},n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.blue["950"]:e.colors.palette.blue["50"]},n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.blue["400"]:e.colors.palette.blue["700"]}),y=[{url:"python",internalName:"python",displayName:"Python"},{url:"javascript",internalName:"javascript",displayName:"JavaScript"},{url:"html-css",internalName:"html/css",displayName:"HTML/CSS"},{url:"portfolio",internalName:"portfolio",displayName:"Portfolio"},{url:"game",internalName:"game",displayName:"Game"},{url:"react",internalName:"react",displayName:"React"},{url:"sql",internalName:"sql",displayName:"SQL"},{url:"design",internalName:"design",displayName:"Design"}],b={newest:{displayName:"Newest",internaleName:"newest"},liked:{displayName:"Most Liked",internaleName:"liked"},views:{displayName:"Most Views",internaleName:"views"}};var project_showcase_ProjectFilters=function(n){let{setSelectedTags:e,selectedTags:t,setOrderBy:l,orderBy:s}=n,a=(0,i.useRouter)(),c=(0,o.useCallback)(n=>{if("all"===n){a.push("/community/project-showcase");return}if(t.includes(n))a.push("/community/project-showcase");else{var e;let t=(null===(e=y.find(e=>e.internalName===n))||void 0===e?void 0:e.url)||"";a.push("/community/project-showcase/".concat(t))}},[a,t]);return(0,r.jsxs)(w,{children:[(0,r.jsx)("div",{className:"filters",children:y.map(n=>(0,r.jsx)("div",{className:"tag nes-pointer ".concat(t.includes(n.internalName)&&"tag-selected"),onClick:()=>c(n.internalName),children:(0,r.jsx)("p",{children:n.displayName})},n.internalName))}),(0,r.jsx)(v.Z,{selectedListItem:s,setSelectedListItem:l,listItems:b,disableLabel:!0,width:157})]})},N=t(18358),H=t(83330);function ProjectsFeed_templateObject(){let n=(0,p._)(["\n width: 100%;\n max-width: 950px;\n margin-bottom: 5rem;\n\n .fake-channel-composer {\n margin-bottom: 8px;\n }\n\n .channel-posts {\n margin: 0px 20px;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(292px, 1fr));\n\n overflow: visible !important;\n\n gap: 16px;\n position: relative;\n\n .spinning-loader {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: -80px;\n }\n }\n"]);
1return ProjectsFeed_templateObject=function(){return n},n}let V=u.default.div.withConfig({componentId:"sc-7ef20c13-0"})(ProjectsFeed_templateObject());var project_showcase_ProjectsFeed=function(n){let{posts:e,setAllPosts:t,filters:i,currentFilter:l,setCurrentFilter:s,savedCurrentPage:a=1,noMorePosts:c=!1,community:d,setSelectedTags:p,selectedTags:u,setOrderBy:v,orderBy:w,refreshTrigger:y=null}=n;(0,m.v9)(f.f8);let[b,k]=(0,o.useState)(a),[_,P]=(0,o.useState)(!0);(0,o.useEffect)(()=>{c&&P(!1)},[e,c]);let C=(0,o.useCallback)(async()=>{try{let n=i[l],e="".concat(d,"-").concat(n.internalName,"-").concat(y),r=JSON.parse(sessionStorage.getItem(e)),o=r.currentPage+1,s="".concat(n.api,"&page=").concat(o),a=await fetch(s),c=await a.json(),p=c.posts;0!=p.length&&(k(o),t(n=>[...n,...p]),r={posts:[...r.posts,...p],currentPage:o},sessionStorage.setItem(e,JSON.stringify({...r}))),p.length<9&&P(!1)}catch(n){console.error("Error fetching more posts:",n),P(!1)}},[i,l,d,t,y]);return(0,r.jsxs)(V,{children:[(0,r.jsx)(g.Z,{community:d}),(0,r.jsx)(H.Z,{community:d}),(0,r.jsx)(j.Z,{filters:i,currentFilter:l,setCurrentFilter:s}),(0,r.jsx)(project_showcase_ProjectFilters,{setSelectedTags:p,selectedTags:u,setOrderBy:v,orderBy:w}),(0,r.jsxs)(h.Z,{className:"channel-posts",dataLength:e.length,next:C,hasMore:!0,scrollThreshold:.3,loader:(0,r.jsx)(r.Fragment,{}),children:[null==e?void 0:e.map(n=>(0,r.jsx)(N.Z,{post:n},null==n?void 0:n.postId)),_&&(0,r.jsx)(x.Z,{})]})]})},k=!0;function ChannelPage(n){let{}=n,e=(0,i.useRouter)(),[t,p]=(0,o.useState)([]),[u,m]=(0,o.useState)("newest"),f={"newest-projects":{api:"/api/community/getProjectShowcase?staffPicks=false&filters=".concat(JSON.stringify(t),"&orderBy=").concat(u),displayText:"All Projects",internalName:"newest-projects"},"staff-pick":{api:"/api/community/getProjectShowcase?staffPicks=true&filters=".concat(JSON.stringify(t),"&orderBy=").concat(u),displayText:"Staff Picks",internalName:"staff-pick"}},[h,x]=(0,o.useState)("staff-pick"),{posts:g,noMorePosts:j,currentPage:v}=(0,a.Z)({community:"project-showcase",filter:f[h],refreshTrigger:"".concat(t.join("")).concat(u)}),[w,y]=(0,o.useState)(g);return(0,o.useEffect)(()=>{y(g)},[g]),(0,o.useEffect)(()=>{let n=null==e?void 0:e.query,t=e.asPath,r=t.split("/").filter(Boolean);if(3===r.length&&"community"===r[0]&&"project-showcase"===r[1]){let n=r[2];n&&"create"!==n&&p([n]),n&&"html-css"===n&&p(["html/css"])}(null==n?void 0:n.filter)==="views"&&(m("views"),x("staff-pick"))},[e]),console.log(g),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.Z,{learningEnv:"community"}),(0,r.jsxs)(c.Z,{children:[(0,r.jsx)(s.Z,{}),(0,r.jsx)(d.Z,{children:(0,r.jsx)(project_showcase_ProjectsFeed,{posts:w,setAllPosts:y,filters:f,currentFilter:h,setCurrentFilter:x,savedCurrentPage:v,community:"project-showcase",setSelectedTags:p,selectedTags:t,setOrderBy:m,orderBy:u,refreshTrigger:"".concat(t.join("")).concat(u)})})]})]})}}},function(n){n.O(0,[1272,8700,5937,4153,1622,9280,9428,8325,1024,9774,2888,179],function(){return n(n.s=44762)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.