https://app.commented.io/static/js/5684.f0c04b15.chunk.js

1"use strict";(globalThis.webpackChunkcommented_admin||=[]).push([[5684],{15211(e,s,t){t(65043);const a=t.p+"static/media/tags-icon.8af21d65138c7a79ff8f7dfbfbf8f507.svg";t.d(s,["A",0,a])},58501(e,s,t){t(65043);const a=t.p+"static/media/user.c1a32d5e386a9ad79e61e110580b7652.svg";t.d(s,["A",0,a])},65684(e,s,t){t.r(s),t.d(s,{default:()=>A});var a=t(65043),i=t(62017),c=t(76465),r=t(61908),n=t(72681),l=t(25990),d=t(13948),o=t(71931),h=t(42104),x=t(96395),m=t(11522),g=t(1112),j=t(91688),p=t(75231),f=t(27228),w=t(79937),u=t(32986);const y=t.p+"static/media/commented-small-avatar.e805bf0ff13b1dc35ae849b8e003fa2d.svg";var v=t(58501),N=t(15211),b=t(70579);const k=e=>{let{color:s="#5F3DC4"}=e;return(0,b.jsxs)("svg",{height:"89",width:"159",fill:"none",viewBox:"0 0 159 89",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{height:"88.2222",width:"158.222",fill:"#f8f9fa",rx:"3.83108",stroke:"#dee2e6",strokeWidth:".777834",x:".388917",y:".388917"}),(0,b.jsxs)("g",{fill:"#e9ecef",children:[(0,b.jsx)("rect",{height:"9",width:"107",rx:"4.5",x:"7",y:"31"}),(0,b.jsx)("rect",{height:"9",width:"86",rx:"4.5",x:"7",y:"44"}),(0,b.jsx)("rect",{height:"13",width:"33",rx:"3",x:"122",y:"5"}),(0,b.jsx)("rect",{height:"17",width:"43",rx:"3",x:"7",y:"60"})]}),(0,b.jsxs)("g",{children:[(0,b.jsx)("path",{d:"m93 45.599c0-9.7197 7.879-17.599 17.599-17.599 9.72 0 17.599 7.8793 17.599 17.599 0 9.7196-7.879 17.5989-17.599 17.5989h-17.599z",fill:s}),(0,b.jsx)("path",{d:"m110.599 62.7579h-17.159v-17.1589c0-9.4767 7.682-17.159 17.159-17.159s17.159 7.6823 17.159 17.159c0 9.4766-7.682 17.1589-17.159 17.1589z",stroke:"#fff",strokeWidth:".879948"}),(0,b.jsx)("rect",{height:"27.2784",width:"27.2784",fill:"#f8f9fa",rx:"13.6392",x:"96.9597",y:"31.9595"}),(0,b.jsx)("rect",{height:"27.2784",width:"27.2784",rx:"13.6392",stroke:"#fff",strokeWidth:".879948",x:"96.9597",y:"31.9595"})]})]})};var C=t(74110),z=t(46743);const A=e=>{let{compact:s}=e;const{classes:{listContainer:t,container:A,pinListItemContainer:E,commentWrapper:W,commentContainer:I,infoContainer:M,itemWrapper:B,menuButton:D,imageContainer:P,imageWrapper:S,newBadge:_,timeStyle:J,commentButton:L,topContainer:V}}=(0,z.useStyles)(),{colors:{brandPrimary:F}}=(0,i.xd)(),{projectId:O}=(0,j.g)(),{setProps:T}=(0,a.useContext)(p.V);const $=(0,f.A)(w.LSJ.None),q=(0,C.A)();return(0,b.jsx)(c.s,{direction:"column",align:"center",w:"100%",gap:"md",pb:20,id:"pin-list-container",className:t,maw:1192,children:(0,b.jsx)(c.s,{w:"100%",className:E,children:(0,b.jsxs)(r.M,{className:A,onClick:function(){T({projectId:O})},children:[(0,b.jsxs)(c.s,{className:B,children:[(0,b.jsxs)(c.s,{w:{base:"100%",md:"calc(50% + 40px)"},gap:16,miw:0,direction:{base:"column",md:"row"},children:[(0,b.jsxs)("div",{className:P,"data-compact":s,children:[(0,b.jsx)(n.E,{bg:"brandPrimary.5",c:"white",radius:4,className:_,"data-compact":s,children:"New"}),(0,b.jsx)("div",{className:S,"data-compact":s,children:(0,b.jsx)(k,{color:F[5]})})]}),(0,b.jsx)(c.s,{className:W,children:(0,b.jsxs)(c.s,{className:I,gap:8,"data-compact":s,children:[(0,b.jsxs)(c.s,{gap:8,align:"center","data-compact":s,className:V,children:[(0,b.jsx)(l.e,{src:q?"":y,radius:13,size:26}),!s&&(0,b.jsx)(d.E,{size:14,weight:700,truncate:!0,children:q?"John Doe":"Commented"}),(0,b.jsxs)(c.s,{align:"center",gap:8,ml:8,children:[(0,b.jsx)($,{width:20,height:20}),(0,b.jsx)(l.e,{src:v.A,alt:"user",radius:13,size:20}),(0,b.jsx)(o.a,{c:"gray.6",h:"20px",w:"20px",children:(0,b.jsx)(u.h,{width:"20px"})}),(0,b.jsxs)(c.s,{align:"center",gap:4,children:[(0,b.jsx)(h._,{alt:"integrations",src:N.A,height:20,width:20,fit:"contain"}),(0,b.jsx)(d.E,{color:"gray.6",children:"0"})]})]})]}),(0,b.jsxs)(c.s,{miw:0,w:"100%",align:"center",h:26,children:[(0,b.jsx)(d.E,{color:"gray.6",mr:4,size:14,w:"100%",maw:"max-content",children:"COM-0"}),(0,b.jsx)(d.E,{size:14,children:"Click to create first comment, here!"})]})]})})]}),(0,b.jsxs)(c.s,{className:M,children:[(0,b.jsxs)(c.s,{w:"100%",align:"center",justify:"flex-start",children:[(0,b.jsx)(h._,{src:v.A,alt:"No reply icon",mr:8,width:24,height:24}),(0,b.jsx)(d.E,{size:14,color:"gray.6",children:"No replies"})]}),(0,b.jsx)(d.E,{size:12,color:"gray.9",className:J,children:"1 minute ago"}),(0,b.jsxs)(x.$,{variant:"outline",bg:"white",className:L,leftIcon:(0,b.jsx)(m.A,{size:18,strokeWidth:1.5}),children:["New ",(0,b.jsx)("p",{children:"comment"})]})]})]}),(0,b.jsx)("div",{className:D,"data-compact":s,children:(0,b.jsx)(g.A,{size:20})})]})})})}},1112(e,s,t){t.d(s,{A:()=>a});var a=(0,t(67391).A)("dots-vertical","IconDotsVertical",[["path",{d:"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}]])}}]);
2//# sourceMappingURL=5684.f0c04b15.chunk.js.map