1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8755],{48420:function(n,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/outdated-community/notifications",function(){return i(71904)}])},50164:function(n,e,i){"use strict";var t=i(82729),o=i(85893),a=i(19521),r=i(67294);function _templateObject(){let n=(0,t._)(["\n border: 2px solid ",";\n\n border-radius: 10px;\n background: ",";\n color: ",';\n font-family: "Work Sans", sans-serif;\n padding: 1rem;\n transition-duration: 0.3s;\n margin: 1rem auto;\n z-index: 9;\n\n /* a {\n all: unset;\n } */\n\n .title {\n display: flex;\n justify-content: space-between;\n font-family: "Work Sans", sans-serif;\n h2 {\n margin: 0px;\n font-size: 16px;\n font-weight: 600;\n }\n\n p {\n margin: 0px;\n font-size: 14px;\n font-weight: 600;\n color: #808080;\n }\n }\n\n p {\n margin: 0px;\n margin-top: 0.5rem;\n font-size: 14px;\n }\n\n &:hover {\n border: 2px solid #379cee;\n transition-duration: 0.3s;\n background: ',";\n }\n"]);return _templateObject=function(){return n},n}let s=a.default.div.withConfig({componentId:"sc-c69982a3-0"})(_templateObject(),n=>n.theme.colors.profileBorder,n=>"dark"===n.theme.mode?"#1d2332":"#FFFFFF",n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",n=>"dark"===n.theme.mode?"rgba(237, 231, 225, 0.1)":"rgba(237, 231, 225, 0.4)");e.Z=function(){let[n,e]=(0,r.useState)(!1);return(0,o.jsxs)(s,{onClick:()=>e(!n),className:"nes-pointer",children:[(0,o.jsx)("div",{className:"title",children:(0,o.jsx)("h2",{children:"Community Guidelines"})}),(0,o.jsx)("p",{children:"Read our code of conduct here."})]})}},96191:function(n,e,i){"use strict";var t=i(82729),o=i(85893),a=i(19521),r=i(41664),s=i.n(r),l=i(67294),c=i(9473),d=i(84849),m=i(609);function _templateObject(){let n=(0,t._)(["\n border: 2px solid ",";\n\n border-radius: 15px;\n margin: 1rem auto;\n padding: 1rem;\n color: ",';\n\n .title {\n display: flex;\n justify-content: space-between;\n font-family: "Work Sans", sans-serif;\n margin-bottom: 0.5rem;\n h2 {\n margin: 0px;\n font-size: 16px;\n font-weight: 600;\n }\n\n p {\n margin: 0px;\n font-size: 14px;\n font-weight: 600;\n color: #808080;\n }\n }\n\n .tech-articles {\n display: grid;\n gap: 0.5rem;\n .article {\n display: flex;\n gap: 0.5rem;\n\n p {\n margin: 0px;\n font-family: "Work Sans", sans-serif;\n }\n img {\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 7px;\n }\n\n .title {\n font-size: 14px;\n font-weight: 500;\n }\n\n .date {\n font-size: 14px;\n font-weight: 500;\n color: rgba(128, 128, 128, 1);\n }\n }\n }\n']);return _templateObject=function(){return n},n}let p=a.default.div.withConfig({componentId:"sc-c9b99085-0"})(_templateObject(),n=>n.theme.colors.profileBorder,n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black");e.Z=function(){let[n,e]=(0,l.useState)([]),i=(0,c.v9)(m.o4);return(0,l.useEffect)(()=>{(async function(){let n=sessionStorage.getItem("cachedTechNews");if(n){e(JSON.parse(n));return}let i=await fetch("/api/community/getTechNews"),t=await i.json();e(t.events),sessionStorage.setItem("cachedTechNews",JSON.stringify(t.events))})()},[]),(0,o.jsxs)(p,{children:[(0,o.jsxs)("div",{className:"title",children:[(0,o.jsx)("h2",{children:"Tech News"}),(0,o.jsx)(s(),{href:"/blog",style:{all:"unset"},target:"_blank",rel:"noopener noreferrer",children:(0,o.jsx)("p",{className:"nes-pointer",children:"See all"})})]}),(0,o.jsx)("div",{className:"loader"}),(0,o.jsx)("div",{className:"tech-articles",children:0!=n.length?n.map((n,e)=>(0,o.jsx)(s(),{href:n.link,style:{all:"unset"},target:"_blank",rel:"noopener noreferrer",children:(0,o.jsxs)("div",{className:"article nes-pointer",children:[(0,o.jsx)("img",{src:n.imageUrl,alt:"article image"}),(0,o.jsxs)("div",{className:"article-titles",children:[(0,o.jsx)("p",{className:"title",children:n.title}),(0,o.jsx)("p",{className:"date",children:n.date})]})]})},e)):Array.from({length:3},(n,e)=>(0,o.jsxs)("div",{className:"article nes-pointer",children:[(0,o.jsx)(d.Z,{className:"loader",highlightColor:"dark"===i?"#3d3f4c":"#f5f5f5",baseColor:"dark"===i?"#343541":"#ebebeb",width:60,height:60}),(0,o.jsxs)("div",{className:"article-titles",style:{width:"100%"},children:[(0,o.jsx)("p",{className:"date",style:{width:"100%",marginBottom:"4px"},children:(0,o.jsx)(d.Z,{className:"loader",highlightColor:"dark"===i?"#3d3f4c":"#f5f5f5",baseColor:"dark"===i?"#343541":"#ebebeb",width:"100%",height:35})}),(0,o.jsx)("p",{className:"date",style:{width:"100%"},children:(0,o.jsx)(d.Z,{className:"loader",highlightColor:"dark"===i?"#3d3f4c":"#f5f5f5",baseColor:"dark"===i?"#343541":"#ebebeb",width:"100%"})})]})]},Date()+e))})]})}},71904:function(n,e,i){"use strict";i.r(e),i.d(e,{__N_SSG:function(){return I},default:function(){return notifications}});var t=i(85893),o=i(67294),a=i(11163),r=i(9473),s=i(99428),l=i(27936),c=i(62069),d=i(82729),m=i(19521),p=i(96191),f=i(17885),u=i(41664),h=i.n(u),g=i(63877),x=i(8193);
1function _templateObject(){let n=(0,d._)(["\n border-bottom: 2px solid\n ",";\n background: ",";\n color: ",';\n\n display: flex;\n padding: 0.5rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 1rem;\n font-family: "Work Sans", sans-serif;\n transition-duration: 0.2s;\n\n :hover {\n transition-duration: 0.2s;\n background: ',";\n }\n\n &.not-read {\n background-color: ",";\n }\n\n .icon-container {\n width: 50px;\n\n i {\n transform: scale(1.9);\n }\n }\n\n .notification-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n .user-image {\n display: flex;\n justify-content: space-between;\n align-items: center;\n p {\n margin: 0px;\n color: #808080;\n font-size: 14px;\n }\n\n img {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n transition-duration: 0.2s;\n }\n\n :hover {\n img {\n opacity: 0.8;\n transition-duration: 0.2s;\n }\n }\n }\n\n .post-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n p {\n margin: 0px;\n\n span {\n font-weight: 600;\n font-size: 17px;\n transition-duration: 0.2s;\n\n :hover {\n color: #529ee3;\n transition-duration: 0.2s;\n }\n }\n }\n\n .title {\n color: #808080;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let v=m.default.div.withConfig({componentId:"sc-1508c020-0"})(_templateObject(),n=>"dark"===n.theme.mode?"rgba(36, 76, 115, 1)":"#DADADA",n=>"dark"===n.theme.mode?"":"#FFFFFF",n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",n=>"dark"===n.theme.mode?"#1e2433":"#f7f7f7",n=>"dark"===n.theme.mode?"#1e2433":"#e6e6e6");var notifications_LikeNotification=function(n){var e,i,o,a;let{notifications:r}=n;return(0,t.jsx)(h(),{href:r.postLink.includes("monthly-challenge")?"/community/monthly-challenge/submission/".concat(r.postId):"/community/".concat(null==r?void 0:r.postLink),style:{all:"unset"},children:(0,t.jsxs)(v,{className:"nes-pointer ".concat((null==r?void 0:r.read)===!0?"":"not-read"),children:[(0,t.jsx)("div",{className:"icon-container",children:(0,t.jsx)(x.M_L,{size:"30",color:"rgba(248, 100, 99, 1)"})}),(0,t.jsxs)("div",{className:"notification-info",children:[(0,t.jsxs)("div",{className:"user-image",children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(e=r.senderData)||void 0===e?void 0:e.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("img",{src:null==r?void 0:null===(i=r.senderData)||void 0===i?void 0:i.photoURL,alt:"photo of notifier"})})," ",(0,t.jsx)("p",{children:(0,g.F)(null==r?void 0:r.createdAt)})]}),(0,t.jsxs)("div",{className:"post-content",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(o=r.senderData)||void 0===o?void 0:o.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("span",{children:null==r?void 0:null===(a=r.senderData)||void 0===a?void 0:a.name})})," ","liked your post."]}),(0,t.jsx)("p",{className:"title",children:null==r?void 0:r.postTitle})]})]})]})})},j=i(63750);function CommentNotification_templateObject(){let n=(0,d._)(["\n border-bottom: 2px solid\n ",";\n background: ",";\n color: ",';\n\n display: flex;\n padding: 0.5rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 1rem;\n font-family: "Work Sans", sans-serif;\n transition-duration: 0.2s;\n\n :hover {\n transition-duration: 0.2s;\n background: ',";\n }\n\n &.not-read {\n background-color: ",";\n }\n\n .icon-container {\n width: 50px;\n i {\n transform: scale(1.9);\n }\n }\n\n .notification-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n .user-image {\n display: flex;\n justify-content: space-between;\n align-items: center;\n p {\n margin: 0px;\n color: #808080;\n font-size: 14px;\n }\n\n img {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n transition-duration: 0.2s;\n }\n\n :hover {\n img {\n opacity: 0.8;\n transition-duration: 0.2s;\n }\n }\n }\n\n .post-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n p {\n margin: 0px;\n\n span {\n font-weight: 600;\n font-size: 17px;\n transition-duration: 0.2s;\n\n :hover {\n color: #529ee3;\n transition-duration: 0.2s;\n }\n }\n }\n\n img {\n border-radius: 7px;\n margin-top: 0.5rem;\n }\n }\n }\n"]);
1return CommentNotification_templateObject=function(){return n},n}let b=m.default.div.withConfig({componentId:"sc-3ba7d163-0"})(CommentNotification_templateObject(),n=>"dark"===n.theme.mode?"rgba(36, 76, 115, 1)":"#DADADA",n=>"dark"===n.theme.mode?"":"#FFFFFF",n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",n=>"dark"===n.theme.mode?"#1e2433":"#f7f7f7",n=>"dark"===n.theme.mode?"#1e2433":"#e6e6e6");var notifications_CommentNotification=function(n){var e,i,o,a,r,s,l;let{notifications:c}=n;return(0,t.jsx)(h(),{href:null==c?void 0:c.postLink,style:{all:"unset"},children:(0,t.jsxs)(b,{className:"nes-pointer ".concat((null==c?void 0:c.read)===!0?"":"not-read"),children:[(0,t.jsx)("div",{className:"icon-container",children:(0,t.jsx)(j.kyw,{color:"#209CEE",size:23})}),(0,t.jsxs)("div",{className:"notification-info",children:[(0,t.jsxs)("div",{className:"user-image",children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==c?void 0:null===(e=c.senderData)||void 0===e?void 0:e.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("img",{src:null==c?void 0:null===(i=c.senderData)||void 0===i?void 0:i.photoURL,alt:"photo of notifier"})})," ",(0,t.jsx)("p",{children:(0,g.F)(null==c?void 0:c.createdAt)})]}),(0,t.jsxs)("div",{className:"post-content",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==c?void 0:null===(o=c.senderData)||void 0===o?void 0:o.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("span",{children:null==c?void 0:null===(a=c.senderData)||void 0===a?void 0:a.name})})," ","commented on your post."]}),(0,t.jsx)("p",{children:null==c?void 0:c.postContent}),(null==c?void 0:null===(r=c.giphyData)||void 0===r?void 0:r.imageUrl)&&(0,t.jsx)("img",{className:"giphy-image",src:null==c?void 0:null===(s=c.giphyData)||void 0===s?void 0:s.imageUrl,alt:null==c?void 0:null===(l=c.giphyData)||void 0===l?void 0:l.imageTitle})]})]})]})})};function NotificationBanner_templateObject(){let n=(0,d._)(["\n ",' {\n margin: 0rem;\n\n .banner-image {\n height: 100px;\n background-image: url("https://c4.wallpaperflare.com/wallpaper/712/851/599/artistic-pixel-art-8-bit-wallpaper-preview.jpg");\n background-size: cover;\n background-position: 0px -310px;\n }\n\n .banner-info {\n position: relative;\n height: 80px;\n /* background: #1d2331; */\n background: ',";\n border-bottom-left-radius: 18px;\n border-bottom-right-radius: 18px;\n display: flex;\n align-items: center;\n\n .img-container {\n position: absolute;\n top: -30%;\n left: 0.8rem;\n border-radius: 50%;\n background-color: rgb(31, 151, 225);\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 85px;\n height: 85px;\n border: 3px solid rgba(15, 21, 36, 1);\n\n img {\n /* width: 45px;\n height: 45px; */\n transform: scale(1.03);\n }\n }\n\n .banner-copy {\n color: ",';\n margin-left: 8.5rem;\n\n h2 {\n font-size: 14px;\n margin: 0px;\n font-weight: 400;\n }\n p {\n margin: 0px;\n font-size: 14px;\n font-family: "Work Sans", sans-serif;\n color: rgba(128, 128, 128, 1);\n }\n }\n }\n }\n\n '," {\n margin: auto 1rem;\n\n .banner-info {\n .img-container {\n left: 35px;\n width: 90px;\n height: 90px;\n img {\n /* width: 55px;\n height: 55px; */\n }\n }\n\n .banner-copy {\n margin-left: 9rem;\n\n h2 {\n font-size: 18px;\n }\n p {\n font-size: 15px;\n }\n }\n }\n }\n\n "," {\n margin: 0rem;\n }\n"]);return NotificationBanner_templateObject=function(){return n},n}let y=m.default.div.withConfig({componentId:"sc-c4a02070-0"})(NotificationBanner_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>"dark"===n.theme.mode?"#1d2331":"#F9F5FE",n=>"dark"===n.theme.mode?"whitesmoke":"black",n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var notifications_NotificationBanner=function(){return(0,t.jsxs)(y,{children:[(0,t.jsx)("div",{className:"banner-image"}),(0,t.jsxs)("div",{className:"banner-info",children:[(0,t.jsx)("div",{className:"img-container",children:(0,t.jsx)("img",{src:"/images/community/bell.gif",alt:"banner profile image"})}),(0,t.jsxs)("div",{className:"banner-copy",children:[(0,t.jsx)("h2",{children:"Notifications"}),(0,t.jsx)("p",{children:"Gentle nudges ˶ᵠᵠáµË¶"})]})]})]})},k=i(89583);
1function ReplyNotification_templateObject(){let n=(0,d._)(["\n border-bottom: 2px solid\n ",";\n background: ",";\n color: ",';\n\n display: flex;\n padding: 0.5rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 1rem;\n font-family: "Work Sans", sans-serif;\n transition-duration: 0.2s;\n\n :hover {\n transition-duration: 0.2s;\n background: ',";\n }\n\n &.not-read {\n background-color: ",";\n }\n\n .icon-container {\n width: 50px;\n\n .icon {\n transform: scaleX(-1);\n }\n }\n\n .notification-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n .user-image {\n display: flex;\n justify-content: space-between;\n align-items: center;\n p {\n margin: 0px;\n color: #808080;\n font-size: 14px;\n }\n\n img {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n transition-duration: 0.2s;\n }\n\n :hover {\n img {\n opacity: 0.8;\n transition-duration: 0.2s;\n }\n }\n }\n\n .post-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n p {\n margin: 0px;\n\n span {\n font-weight: 600;\n font-size: 17px;\n transition-duration: 0.2s;\n\n :hover {\n color: #529ee3;\n transition-duration: 0.2s;\n }\n }\n }\n }\n }\n"]);return ReplyNotification_templateObject=function(){return n},n}let N=m.default.div.withConfig({componentId:"sc-79344fff-0"})(ReplyNotification_templateObject(),n=>"dark"===n.theme.mode?"rgba(36, 76, 115, 1)":"#DADADA",n=>"dark"===n.theme.mode?"":"#FFFFFF",n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",n=>"dark"===n.theme.mode?"#1e2433":"#f7f7f7",n=>"dark"===n.theme.mode?"#1e2433":"#e6e6e6");var notifications_ReplyNotification=function(n){var e,i,o,a;let{notifications:r}=n;return(0,t.jsx)(h(),{href:null==r?void 0:r.postLink,style:{all:"unset"},children:(0,t.jsxs)(N,{className:"nes-pointer ".concat((null==r?void 0:r.read)===!0?"":"not-read"),children:[(0,t.jsx)("div",{className:"icon-container",children:(0,t.jsx)(k.Bjt,{color:"#9FCA59",size:23,className:"icon"})}),(0,t.jsxs)("div",{className:"notification-info",children:[(0,t.jsxs)("div",{className:"user-image",children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(e=r.senderData)||void 0===e?void 0:e.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("img",{src:null==r?void 0:null===(i=r.senderData)||void 0===i?void 0:i.photoURL,alt:"photo of notifier"})})," ",(0,t.jsx)("p",{children:(0,g.F)(null==r?void 0:r.createdAt)})]}),(0,t.jsxs)("div",{className:"post-content",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(o=r.senderData)||void 0===o?void 0:o.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("span",{children:null==r?void 0:null===(a=r.senderData)||void 0===a?void 0:a.name})})," ","replied to your comment in"," ",(0,t.jsx)("span",{children:function(n){if("meme"===n)return"Memes";if("main"===n)return"Main";if("checkpoint-project"===n)return"Checkpoint";if("final-project"===n)return"Final Project";if("introduction"===n)return"Introductions";if("monthly-challenge"===n)return"Monthly Challenge";if("python"===n)return"Python";else if("project-showcase"===n)return"Project Showcase"}(null==r?void 0:r.communityName)||(null==r?void 0:r.communityName)}),"."]}),(0,t.jsx)("p",{children:null==r?void 0:r.postContent})]})]})]})})};function CommentLikeNotification_templateObject(){let n=(0,d._)(["\n border-bottom: 2px solid\n ",";\n background: ",";\n color: ",';\n\n display: flex;\n padding: 0.5rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 1rem;\n font-family: "Work Sans", sans-serif;\n transition-duration: 0.2s;\n\n :hover {\n transition-duration: 0.2s;\n background: ',";\n }\n\n &.not-read {\n background-color: ",";\n }\n\n .icon-container {\n width: 50px;\n\n i {\n transform: scale(1.9);\n }\n }\n\n .notification-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n .user-image {\n display: flex;\n justify-content: space-between;\n align-items: center;\n p {\n margin: 0px;\n color: #808080;\n font-size: 14px;\n }\n\n img {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n transition-duration: 0.2s;\n }\n\n :hover {\n img {\n opacity: 0.8;\n transition-duration: 0.2s;\n }\n }\n }\n\n .post-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n p {\n margin: 0px;\n\n span {\n font-weight: 600;\n font-size: 17px;\n transition-duration: 0.2s;\n\n :hover {\n color: #529ee3;\n transition-duration: 0.2s;\n }\n }\n }
1\n\n .title {\n color: #808080;\n }\n }\n }\n"]);return CommentLikeNotification_templateObject=function(){return n},n}let w=m.default.div.withConfig({componentId:"sc-129f5900-0"})(CommentLikeNotification_templateObject(),n=>"dark"===n.theme.mode?"rgba(36, 76, 115, 1)":"#DADADA",n=>"dark"===n.theme.mode?"":"#FFFFFF",n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",n=>"dark"===n.theme.mode?"#1e2433":"#f7f7f7",n=>"dark"===n.theme.mode?"#1e2433":"#e6e6e6");var notifications_CommentLikeNotification=function(n){var e,i,o,a;let{notifications:r}=n;return(0,t.jsx)(h(),{href:function(n){let e=(null==n?void 0:n.postLink)||"",i=e.includes("#")?"#".concat(e.split("#")[1]):"";if(e.includes("monthly-challenge")){let t=(null==n?void 0:n.parentPostId)||e.split("#")[0].split("/").filter(Boolean)[1];return"/community/monthly-challenge/submission/".concat(t).concat(i)}return e.startsWith("/")?"/community".concat(e):"/community/".concat(e)}(r),style:{all:"unset"},children:(0,t.jsxs)(w,{className:"nes-pointer ".concat((null==r?void 0:r.read)===!0?"":"not-read"),children:[(0,t.jsx)("div",{className:"icon-container",children:(0,t.jsx)(x.M_L,{size:"30",color:"rgba(248, 100, 99, 1)"})}),(0,t.jsxs)("div",{className:"notification-info",children:[(0,t.jsxs)("div",{className:"user-image",children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(e=r.senderData)||void 0===e?void 0:e.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("img",{src:null==r?void 0:null===(i=r.senderData)||void 0===i?void 0:i.photoURL,alt:"photo of notifier"})})," ",(0,t.jsx)("p",{children:(0,g.F)(null==r?void 0:r.createdAt)})]}),(0,t.jsxs)("div",{className:"post-content",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(o=r.senderData)||void 0===o?void 0:o.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("span",{children:null==r?void 0:null===(a=r.senderData)||void 0===a?void 0:a.name})})," ","liked your ","comment-like"===r.type?"comment":"reply","."]}),(0,t.jsx)("p",{className:"title",children:null==r?void 0:r.postContent})]})]})]})})},_=i(58533),F=i(25670),C=i(62347),D=i(50164),O=i(60155);function FollowNotifications_templateObject(){let n=(0,d._)(["\n border-bottom: 2px solid\n ",";\n background: ",";\n color: ",';\n\n display: flex;\n padding: 0.5rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 1rem;\n font-family: "Work Sans", sans-serif;\n transition-duration: 0.2s;\n\n :hover {\n transition-duration: 0.2s;\n background: ',";\n }\n\n &.not-read {\n background-color: ",";\n }\n\n .icon-container {\n width: 50px;\n\n i {\n transform: scale(1.9);\n }\n }\n\n .notification-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n .user-image {\n display: flex;\n justify-content: space-between;\n align-items: center;\n p {\n margin: 0px;\n color: #808080;\n font-size: 14px;\n }\n\n img {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n transition-duration: 0.2s;\n }\n\n :hover {\n img {\n opacity: 0.8;\n transition-duration: 0.2s;\n }\n }\n }\n\n .post-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n p {\n margin: 0px;\n\n span {\n font-weight: 600;\n font-size: 17px;\n transition-duration: 0.2s;\n\n :hover {\n color: #529ee3;\n transition-duration: 0.2s;\n }\n }\n }\n\n .title {\n color: #808080;\n }\n }\n }\n"]);return FollowNotifications_templateObject=function(){return n},n}let S=m.default.div.withConfig({componentId:"sc-5508e413-0"})(FollowNotifications_templateObject(),n=>"dark"===n.theme.mode?"rgba(36, 76, 115, 1)":"#DADADA",n=>"dark"===n.theme.mode?"":"#FFFFFF",n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",n=>"dark"===n.theme.mode?"#1e2433":"#f7f7f7",n=>"dark"===n.theme.mode?"#1e2433":"#e6e6e6");var notifications_FollowNotifications=function(n){var e,i,o,a;let{notifications:r}=n;return(0,t.jsx)(h(),{href:"/community/profile/@".concat(r.senderData.username),style:{all:"unset"}
1,children:(0,t.jsxs)(S,{className:"nes-pointer ".concat((null==r?void 0:r.read)===!0?"":"not-read"),children:[(0,t.jsx)("div",{className:"icon-container",children:(0,t.jsx)(O.vDB,{size:"30",color:"#1E9CED"})}),(0,t.jsxs)("div",{className:"notification-info",children:[(0,t.jsxs)("div",{className:"user-image",children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(e=r.senderData)||void 0===e?void 0:e.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("img",{src:null==r?void 0:null===(i=r.senderData)||void 0===i?void 0:i.photoURL,alt:"photo of notifier"})})," ",(0,t.jsx)("p",{children:(0,g.F)(null==r?void 0:r.createdAt)})]}),(0,t.jsxs)("div",{className:"post-content",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)(h(),{href:"/community/profile/@".concat((null==r?void 0:null===(o=r.senderData)||void 0===o?void 0:o.username)||"codedex"),legacyBehavior:!0,children:(0,t.jsx)("span",{children:null==r?void 0:null===(a=r.senderData)||void 0===a?void 0:a.name})})," ","followed you."]}),(0,t.jsx)("p",{className:"title",children:null==r?void 0:r.postTitle})]})]})]})})};function Feed_templateObject(){let n=(0,d._)(["\n "," {\n min-height: calc(100vh - 4.2rem);\n\n .secondary-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .feed-container {\n padding-left: 1rem;\n padding-right: 1rem;\n margin-top: 1rem;\n\n .post-feed {\n display: grid;\n }\n }\n\n .right-sidebar {\n display: none;\n position: relative;\n\n .sticky-bar {\n position: sticky;\n top: 6rem;\n }\n }\n }\n\n "," {\n .secondary-container {\n grid-template-columns: 1fr;\n }\n\n .feed-container {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .right-sidebar {\n display: none;\n }\n }\n\n "," {\n .secondary-container {\n grid-template-columns: 5fr 2.25fr;\n }\n\n .feed-container {\n padding-left: 0rem;\n padding-right: 0rem;\n }\n\n .right-sidebar {\n display: flex;\n }\n }\n"]);return Feed_templateObject=function(){return n},n}function _templateObject1(){let n=(0,d._)(['\n font-family: "Work Sans", sans-serif;\n margin-top: 5rem;\n padding: 3rem;\n color: ',";\n text-align: center;\n"]);return _templateObject1=function(){return n},n}let z=m.default.div.withConfig({componentId:"sc-cc5dbf0b-0"})(Feed_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.md});m.default.div.withConfig({componentId:"sc-cc5dbf0b-1"})(_templateObject1(),n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black");var notifications_Feed=function(n){let{notifications:e,uid:i,setNotifications:a,noMorePosts:r,setNotificationsToUpdate:s}=n,[l,c]=(0,o.useState)(1),[d,m]=(0,o.useState)(!0);(0,o.useEffect)(()=>{r&&m(!1)},[r]);let u=(0,o.useCallback)(async()=>{try{let n=l+1,e=await fetch("/api/community/notifications/getNotifications",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({uid:i,page:n})}),t=await e.json(),o=t.notification,r=null==o?void 0:o.map(n=>n.id);console.log("new",r),0!=o.length&&(c(n),a(n=>[...n,...o]),(0,C._)(i,r)),o.length<9&&m(!1)}catch(n){console.error("Error fetching more posts:",n),m(!1)}},[l,a,i]);return(0,t.jsxs)(z,{children:[(0,t.jsx)(notifications_NotificationBanner,{}),(0,t.jsxs)("div",{className:"secondary-container",children:[(0,t.jsx)("div",{className:"feed-container",children:(0,t.jsx)("div",{className:"post-feed",children:(0,t.jsx)(_.Z,{dataLength:e.length,next:u,hasMore:d,loader:(0,t.jsx)(F.Z,{}),children:(null==e?void 0:e.length)!==0&&(null==e?void 0:e.map(n=>{switch(n.type){case"like":return(0,t.jsx)(notifications_LikeNotification,{notifications:n},n.id);case"comment-like":case"reply-like":return(0,t.jsx)(notifications_CommentLikeNotification,{notifications:n},n.id);case"comment":return(0,t.jsx)(notifications_CommentNotification,{notifications:n},n.id);case"reply":case"subreply":return(0,t.jsx)(notifications_ReplyNotification,{notifications:n},n.id);case"follow":return(0,t.jsx)(notifications_FollowNotifications,{notifications:n},n.id);default:return null}}))})})}),(0,t.jsx)("div",{className:"right-sidebar",children:(0,t.jsxs)("div",{className:"sticky-bar",children:[(0,t.jsx)(p.Z,{}),(0,t.jsx)(f.Z,{}),(0,t.jsx)(D.Z,{})]})})]})]})},A=i(51539),B=i(609),L=i(8956),E=i(60028),I=!0,notifications=function(){(0,r.I0)();let n=(0,a.useRouter)(),e=(0,r.v9)(B.f8),[i,d]=(0,o.useState)([]),[m,p]=(0,o.useState)([]),[f,u]=(0,o.useState)(!1),h=(0,o.useCallback)(async()=>
1{if(e)try{let n=await fetch("/api/community/notifications/getNotifications",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({uid:e})});if(!n.ok)throw Error("Network response was not ok");let i=await n.json(),t=i.notification,o=t.map(n=>n.id);t.length<9&&u(!0),d(t),p(n=>[...n,...o])}catch(n){console.error("Error fetching post:",n),u(!0)}},[e]);return(0,o.useEffect)(()=>{h()},[h,e]),(0,o.useEffect)(()=>{e&&m&&(0,C._)(e,m)},[m,e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.Z,{}),(0,t.jsx)(l.Z,{h1:"Notifications for Community"}),(0,t.jsx)(c.Z,{children:(0,t.jsxs)(L.Z,{children:[(0,t.jsx)(E.Z,{path:n.pathname,postLink:"/community/post"}),(0,t.jsx)("div",{className:"main-container",children:(0,t.jsx)(notifications_Feed,{notifications:i,setNotifications:d,uid:e,noMorePosts:f,setNotificationsToUpdate:p})})]})}),(0,t.jsx)(A.Z,{})]})}}},function(n){n.O(0,[1272,8700,3874,955,6556,4617,2013,4774,5445,260,4153,1622,9280,9428,4793,9433,9774,2888,179],function(){return n(n.s=48420)}),_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.