https://www.theentrepreneurialmind.com/static/js/3870.d671cfa9.chunk.js

1"use strict";(self.webpackChunkpt_clientV2=self.webpackChunkpt_clientV2||[]).push([[3870],{13870:(t,e,i)=>{i.r(e),i.d(e,{default:()=>S});var a=i(65043),n=i(35475),o=i(31387),c=i(65952),s=i(4783),r=i(64206),l=i(56326),d=i(46424),f=i(50958),h=i(5137),u=i(51184),x=i(99039),g=i(87433),m=i(73216),p=i(63575),v=i(93277),b=i(23),j=i(69430),k=i(86178),N=i.n(k),A=i(17861),y=i(68824),C=i(28991),w=i(70579);const E=t=>{var e,i;let{data:n,getPage:o,tabKey:r}=t;const l=n.total>(null===(e=n.notifications)||void 0===e?void 0:e.length),[d,,f,u]=(0,g.A)({hasMore:l});(0,a.useEffect)((()=>{o(d)}),[o,d]);const[x]=(0,c.Z6)(),k=(0,m.Zp)(),E=(0,h.wA)();return(0,w.jsxs)("ul",{className:"overflow notifications-section",ref:u,children:[null!==n&&void 0!==n&&null!==(i=n.notifications)&&void 0!==i&&i.length?n.notifications.map((t=>(0,w.jsxs)("li",{className:"d-flex align-items-center mv--8 notifications-item pointer",onClick:()=>k(`/${t.url}`),children:[(0,w.jsx)("div",{className:"avatar",children:(0,w.jsx)(b.A,{userName:t.userName,picture:t.profileImage})}),(0,w.jsx)(C.A,{className:"notification-content mh--16",children:t.text}),(0,w.jsxs)("div",{className:"d-flex justify-content-end align-items-center full-height",children:[(0,w.jsx)(C.A,{$varian:1,children:N()(t.createdAt).fromNow()}),t.read?null:(0,w.jsx)(p.Jl,{className:"check-icon",onClick:e=>{e.stopPropagation(),E(A.A.util.updateQueryData("getAllNotification",{...(0,s.En)({page:d}),sort:"desc",archived:"archive"===r},(e=>{e.notifications.find((e=>e.id===t.id)).read=!t.read,Object.assign(e,{notifications:e.notifications,unreadNotificationCount:e.unreadNotificationCount-1})}))),x({archived:t.archived,id:t.id,read:!t.read})}}),(0,w.jsx)(y.A,{className:"clock-icon",onClick:e=>{e.stopPropagation(),E(A.A.util.updateQueryData("getAllNotification",{...(0,s.En)({page:d}),sort:"desc",archived:"archive"===r},(e=>{const i=e.notifications.filter((e=>e.id!==t.id));Object.assign(e,{notifications:i,total:e.total-1})}))),x({archived:!t.archived,id:t.id,read:t.read})}})]})]},t.id))):(0,w.jsx)("div",{className:"d-flex align-items-center justify-content-center full-height",children:(0,w.jsx)(v.A,{src:j})}),l?(0,w.jsx)("div",{ref:f,className:"invisible"}):null]})};const I=i(55527).Ay.div`
2  .notifications-section {
3    box-sizing: border-box;
4    padding: 0 16px;
5    height: calc(100vh - 140px);
6    background-color: ${t=>{let{theme:e}=t;return e.colors.white[100]}};
7  }
8  ul {
9    margin: 0;
10    padding: 0;
11    li {
12      text-decoration: none;
13    }
14  }
15  .rc-tabs-nav {
16    margin-bottom: 32px;
17    display: flex;
18    align-items: end;
19    .extra-content {
20      height: min-content;
21      padding-bottom: 4px;
22      padding-right: 4px;
23    }
24    .rc-tabs-tab {
25      &:first-of-type {
26        padding-left: 0;
27      }
28    }
29  }
30  .notification-content {
31    word-wrap: break-word;
32    box-sizing: border-box;
33    min-width: 180px;
34    flex: 1;
35  }
36  .check-icon {
37    path {
38      fill: ${t=>{let{theme:e}=t;return e.colors.primary[800]}};
39    }
40  }
41  .clock-icon,
42  .check-icon {
43    height: 52px;
44    margin-left: 8px;
45  }
46`,P=[{tab:"Current",key:"current"},{tab:"Archive",key:"archive"}],S=()=>{const[t,e]=(0,c.Eo)(),{userName:i}=(0,h.d4)(u.gL)||{},[g,m]=(0,n.ok)(),p=g.get("key"),{data:v={},isLoading:b}=e,[j,k]=(0,a.useState)(0);(0,a.useEffect)((()=>{p||m({key:"current"},{replace:!0})}),[m,p]),(0,a.useEffect)((()=>{t({...(0,s.En)({page:j}),sort:"desc",archived:"archive"===p})}),[t,j,p]);const N=b||!v.notifications;return(0,w.jsxs)(I,{children:[(0,w.jsx)(d.A,{title:`Notifications | ${p}`}),(0,w.jsx)(l.A,{tabBarExtraContent:(0,w.jsx)(x.A,{variant:"link",className:"extra-content",to:(0,o.tW)(f.A.NOTIFICATIONS_SETTINGS_PAGE,{userName:i}),children:"Adjust Settings"}),onTabClick:t=>{k(0),m({key:t})},activeKey:p,className:"col-xxl-6 col-xl-6 offset-xl-3 col-lg-8 col-md-8 offset-md-2 col-10 offset-1",children:P.map((t=>{let{tab:e,key:i}=t;return(0,w.jsx)(l.m,{tab:e,children:N?(0,w.jsx)(r.default,{skeleton:{count:10,height:52}}):(0,w.jsx)(E,{data:v,getPage:k,tabKey:p})},i)}))})]})}}}]);
47//# sourceMappingURL=3870.d671cfa9.chunk.js.map