https://beautyin.io/_next/static/chunks/pages/my/talk/comments-0eb52e01a5e1fe08.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8073],{19132:function(n,t,e){var a,r;n.exports=(a=e(27484),r={name:"ko",weekdays:"일요일_월요일_화요일_수요일_목요일_금요일_토요일".split("_"),weekdaysShort:"일_월_화_수_목_금_토".split("_"),weekdaysMin:"일_월_화_수_목_금_토".split("_"),months:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),monthsShort:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),ordinal:function(n){return n},formats:{LT:"A h:mm",LTS:"A h:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY년 MMMM D일",LLL:"YYYY년 MMMM D일 A h:mm",LLLL:"YYYY년 MMMM D일 dddd A h:mm",l:"YYYY.MM.DD.",ll:"YYYY년 MMMM D일",lll:"YYYY년 MMMM D일 A h:mm",llll:"YYYY년 MMMM D일 dddd A h:mm"},meridiem:function(n){return n<12?"오전":"오후"},relativeTime:{future:"%s 후",past:"%s 전",s:"몇 초",m:"1분",mm:"%d분",h:"한 시간",hh:"%d시간",d:"하루",dd:"%d일",M:"한 달",MM:"%d달",y:"일 년",yy:"%d년"}},(a&&"object"==typeof a&&"default"in a?a:{default:a}).default.locale(r,null,!0),r)},84110:function(n){n.exports=function(n,t,e){n=n||{};var a=t.prototype,r={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function i(n,t,e,r){return a.fromToBase(n,t,e,r)}e.en.relativeTime=r,a.fromToBase=function(t,a,i,o,l){for(var d,u,s,m=i.$locale().relativeTime||r,c=n.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],k=c.length,h=0;h<k;h+=1){var p=c[h];p.d&&(d=o?e(t).diff(i,p.d,!0):i.diff(t,p.d,!0));var f=(n.rounding||Math.round)(Math.abs(d));if(s=d>0,f<=p.r||!p.r){f<=1&&h>0&&(p=c[h-1]);var g=m[p.l];l&&(f=l(""+f)),u="string"==typeof g?g.replace("%d",f):g(f,a,p.l,s);break}}if(a)return u;var C=s?m.future:m.past;return"function"==typeof C?C(u):C.replace("%s",u)},a.to=function(n,t){return i(n,t,this,!0)},a.from=function(n,t){return i(n,t,this)};var o=function(n){return n.$u?e.utc():e()};a.toNow=function(n){return this.to(o(this),n)},a.fromNow=function(n){return this.from(o(this),n)}}},21484:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return F}});var a=e(23100),r=e(2962),i=e(67294),o=e(50029),l=e(17674),d=e(87794),u=e.n(d),s=e(57350),m=e(7335),c=e(91669),k=e(204),h=e(93344),p=e(9740),f=e(14418),g=e(88911),C=e(56877),y=e(96272),x=e(92752),_=e(31963),I=e(31948),T=e(44504),Z=e(55819),b=e(73793),v=e(47018),$=e(37887),w=e(50319),M=e(11163),L=e(41664),Y=e.n(L),P=e(89583);e(19132);var R=e(27484),S=e.n(R),B=e(47010),A=e(61490),X=e(42936),U=e(84110),D=e.n(U),q=e(35944);S().locale("ko"),S().extend(D());var O=function(){(0,M.useRouter)();var n,t,e,r=(0,s.p)(),d=(0,m.q)(),L=d.isOpen,R=d.onOpen,U=d.onClose,D=(0,i.useState)(null),O=D[0],F=D[1],N=(0,$.a)(X.P$),j=N.loading,E=(N.error,N.data),z=(0,w.D)(A.si,{refetchQueries:[{query:X.P$}]}),H=(0,l.Z)(z,2),V=H[0],W=H[1].loading,J=function(n){F(n),R()},G=(n=(0,o.Z)(u().mark(function n(){return u().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(O){n.next=2;break}return n.abrupt("return");case 2:return n.prev=2,n.next=5,V({variables:{removeTalkCommentId:Number(O)}});case 5:r({title:"댓글이 삭제되었습니다.",status:"success",duration:3e3,isClosable:!0}),U(),F(null),n.next=14;break;case 10:n.prev=10,n.t0=n.catch(2),console.error("Error deleting comment:",n.t0),r({title:"삭제 실패",description:"삭제 중 오류가 발생했습니다. 다시 시도해 주세요.",status:"error",duration:3e3,isClosable:!0});case 14:case"end":return n.stop()}},n,null,[[2,10]])})),function(){return n.apply(this,arguments)});return j?(0,q.tZ)(a.xu,{px:"20px",py:["20px","20px","40px"],width:"100%",minH:"100vh",maxW:"1000px",m:[0,"auto"],children:(0,q.tZ)(c.g,{spacing:3,align:"stretch",width:"100%",children:[1,2,3].map(function(n){return(0,q.tZ)(a.xu,{p:5,bg:"white",borderRadius:"xl",height:"140px",boxShadow:"sm",children:(0,q.BX)(k.k,{height:"100%",flexDirection:"column",justify:"space-between",children:[(0,q.BX)(k.k,{flex:1,children:[(0,q.BX)(a.xu,{flex:1,pr:3,children:[(0,q.tZ)(h.O,{height:"20px",width:"70%",mb:2}),(0,q.tZ)(h.O,{height:"20px",width:"60%"})]}),(0,q.tZ)(h.O,{width:"80px",height:"80px",borderRadius:"lg"})]}),(0,q.BX)(k.k,{justify:"space-between",mt:3,children:[(0,q.tZ)(h.O,{height:"20px",width:"100px"}),(0,q.tZ)(h.O,{height:"20px",width:"80px"})]})]})},n)})})}):(0,q.BX)(a.xu,{px:"20px",py:["20px","20px","40px"],width:"100%",minH:"100vh",maxW:"1000px",m:[0,"auto"],children:[(0,q.BX)(k.k,{align:"center",mb:"20px",gap:[4,6],flexDir:["column","column","row"],textAlign:["center","center","left"],w:"100%",children:[(0,q.tZ)(a.xu,{position:"relative",width:"64px",height:"64px",borderRadius:"xl",bg:"white",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"lg",mx:["auto","auto","0"],children:(0,q.tZ)(p.E,{src:"/images/talk-chat.svg",alt:"제안하기",width:"60%",height:"60%"})}),(0,q.tZ)(a.xu,{children:(0,q.tZ)(f.X,{as:"h1",fontSize:["lg","xl","2xl"],fontWeight:"800",color:"gray.900",letterSpacing:"-0.02em",mb:1.5,children:"나의 댓글 리스트"})})]}),(0,q.BX)(f.X,{as:"h3",fontSize:["lg","xl","xl"],mt:"40px",mb:"32px",children:["내가 작성한 댓글 (",(null==E?void 0:null===(t=E.myTalkComments)||void 0===t?void 0:t.length)||0,")"]}),(0,q.tZ)(c.g,{spacing:3,align:"stretch",width:"100%",children:null==E?void 0:null===(e=E.myTalkComments)||void 0===e?void 0:e.map(function(n,t){var e;return(0,q.BX)(a.xu,{p:5,bg:"white",borderRadius:"xl",transition:"all 0.2s ease",_hover:{transform:"translateY(-2px)",boxShadow:"md"},boxShadow:"sm",children:[(0,q.tZ)(Y(),{href:"/talk/".concat(n.talk.talkCategoryId,"/view/").concat(n.talkId),style:{textDecoration:"none"},children:(0,q.tZ)(k.k,{height:"100%",flexDirection:"column",justify:"space-between",children:(0,q.BX)(k.k,{children:[(0,q.tZ)(a.xu,{flex:1,overflow:"hidden",children:(0,q.tZ)(g.x,{fontSize:["sm","md"],color:"gray.600",lineHeight:"1.6",mb:2,whiteSpace:"pre-line",children:n.comment})}),n.image&&(0,q.tZ)(a.xu,{width:"80px",height:"80px",borderRadius:"lg",overflow:"hidden",flexShrink:0,children:(0,q.tZ)(p.E,{src:n.image,alt:"Comment image",objectFit:"cover",width:"100%",height:"100%",fallback:(0,q.tZ)(h.O,{width:"80px",height:"80px",borderRadius:"lg"})})})]})})}),(0,q.BX)(k.k,{justify:"space-between",align:"center",mt:4,gap:[2,0],children:[(0,q.BX)(k.k,{align:"center",children:[(0,q.tZ)(C.J,{as:P.$0H,color:"red.500",mr:1}),(0,q.tZ)(g.x,{color:"#374957",fontSize:13,children:(null===(e=n._count)||void 0===e?void 0:e.talkCommentLikes)||0})]}),(0,q.BX)(k.k,{align:"center",gap:2,children:[(0,q.BX)(k.k,{align:"center",color:"#374957",fontSize:13,children:[(0,q.tZ)(C.J,{as:P.qyc,mr:1}),(0,q.tZ)(g.x,{children:S()(n.createdAt).fromNow()})]}),(0,q.tZ)(y.z,{leftIcon:(0,q.tZ)(C.J,{as:P.Xm5}),onClick:function(t){t.preventDefault(),J(n.id)},size:"xs",colorScheme:"red",variant:"ghost",children:"삭제"})]})]})]},"MyTalkComments_".concat(t))})}),(0,q.BX)(x.u_,{isOpen:L,onClose:U,children:[(0,q.tZ)(_.Z,{}),(0,q.BX)(I.h,{children:[(0,q.tZ)(T.x,{children:"삭제 확인"}),(0,q.tZ)(Z.o,{}),(0,q.tZ)(b.f,{children:"정말로 이 댓글을 삭제하시겠습니까?"}),(0,q.BX)(v.m,{children:[(0,q.tZ)(y.z,{colorScheme:"red",mr:3,onClick:G,isLoading:W,spinner:(0,q.tZ)(B.Z,{size:8,color:"white"}),children:"삭제"}),(0,q.tZ)(y.z,{variant:"ghost",onClick:U,children:"취소"})]})]})]})]})},F=function(n){return(0,q.BX)(q.HY,{children:[(0,q.tZ)(r.PB,{title:"뷰티인 | 뷰티인톡 내가 작성한 댓글",canonical:"https://beautyin.io/my/talk/comments",description:"인증기반 미용 커뮤니티 뷰티인톡 헤어, 네일, 애견미용, 메이크업, 피부관리 등 다양한 미용구인 정보 뷰티인. 미용구인구직 전문 뷰티인.",openGraph:{type:"website",locale:"k

1o_KR",title:"뷰티인 | 뷰티인톡 내가 작성한 댓글",description:"인증기반 미용 커뮤니티 뷰티인톡 헤어, 네일, 애견미용, 메이크업, 피부관리 등 다양한 미용구인 정보 뷰티인. 미용구인구직 전문 뷰티인.",images:[{url:"https://beautyin.io/talk-og-image.png",width:800,height:600,alt:"뷰티인"}]}}),(0,q.tZ)(a.xu,{backgroundColor:"#F1F4F6",width:"100%",children:(0,q.tZ)(O,{})})]})}},61490:function(n,t,e){"use strict";e.d(t,{$m:function(){return M},$r:function(){return v},$x:function(){return x},EO:function(){return S},Ew:function(){return _},XO:function(){return R},cL:function(){return $},fj:function(){return I},jW:function(){return P},k9:function(){return L},ky:function(){return Y},mX:function(){return T},si:function(){return b},xW:function(){return Z},yj:function(){return w}});var a,r,i,o,l,d,u,s,m,c,k,h,p,f,g,C=e(71383),y=e(17283),x=(0,y.Ps)(a||(a=(0,C.Z)(["\n  mutation CreateTalk($input: CreateTalkInput!) {\n    createTalk(input: $input) {\n      id\n    }\n  }\n"]))),_=(0,y.Ps)(r||(r=(0,C.Z)(["\n  mutation CreateTalkComment($input: CreateTalkCommentInput!) {\n    createTalkComment(input: $input) {\n      id\n    }\n  }\n"]))),I=(0,y.Ps)(i||(i=(0,C.Z)(["\n  mutation UpdateTalk($input: UpdateTalkInput!) {\n    updateTalk(input: $input) {\n      id\n    }\n  }\n"]))),T=(0,y.Ps)(o||(o=(0,C.Z)(["\n  mutation UpdateTalkComment($input: UpdateTalkCommentInput!) {\n    updateTalkComment(input: $input) {\n      id\n    }\n  }\n"]))),Z=(0,y.Ps)(l||(l=(0,C.Z)(["\n  mutation RemoveTalk($removeTalkId: Int!) {\n    removeTalk(id: $removeTalkId) {\n      id\n    }\n  }\n"]))),b=(0,y.Ps)(d||(d=(0,C.Z)(["\n  mutation RemoveTalkComment($removeTalkCommentId: Int!) {\n    removeTalkComment(id: $removeTalkCommentId) {\n      id\n    }\n  }\n"]))),v=(0,y.Ps)(u||(u=(0,C.Z)(["\n  mutation ReportTalk($talkId: Int!, $reason: String!) {\n    reportTalk(talkId: $talkId, reason: $reason) {\n      id\n    }\n  }\n"]))),$=(0,y.Ps)(s||(s=(0,C.Z)(["\n  mutation ReportTalkComment($talkCommentId: Int!, $reason: String!) {\n    reportTalkComment(talkCommentId: $talkCommentId, reason: $reason) {\n      id\n    }\n  }\n"]))),w=(0,y.Ps)(m||(m=(0,C.Z)(["\n  mutation LikeTalk($talkId: Int!) {\n    likeTalk(talkId: $talkId) {\n      id\n    }\n  }\n"]))),M=(0,y.Ps)(c||(c=(0,C.Z)(["\n  mutation LikeTalkComment($talkCommentId: Int!) {\n    likeTalkComment(talkCommentId: $talkCommentId) {\n      id\n    }\n  }\n"]))),L=(0,y.Ps)(k||(k=(0,C.Z)(["\n  mutation UnlikeTalk($talkId: Int!) {\n    unlikeTalk(talkId: $talkId) {\n      id\n    }\n  }\n"]))),Y=(0,y.Ps)(h||(h=(0,C.Z)(["\n  mutation UnlikeTalkComment($talkCommentId: Int!) {\n    unlikeTalkComment(talkCommentId: $talkCommentId) {\n      id\n    }\n  }\n"]))),P=(0,y.Ps)(p||(p=(0,C.Z)(["\n  mutation Mutation($input: RequestTalkUserInput!) {\n    requestTalkUser(input: $input) {\n      id\n    }\n  }\n"]))),R=(0,y.Ps)(f||(f=(0,C.Z)(["\n  mutation ReRequestTalkUser($input: RequestTalkUserInput!) {\n    reRequestTalkUser(input: $input) {\n      id\n    }\n  }\n"]))),S=(0,y.Ps)(g||(g=(0,C.Z)(["\n  mutation RegisterTalkReferral($input: RegisterTalkReferralInput!) {\n    registerTalkReferral(input: $input) {\n      id\n    }\n  }\n"])))},42936:function(n,t,e){"use strict";e.d(t,{AP:function(){return g},OH:function(){return h},P$:function(){return _},UB:function(){return p},_9:function(){return f},_d:function(){return I},e8:function(){return C},gW:function(){return y},l_:function(){return x}});var a,r,i,o,l,d,u,s,m,c=e(71383),k=e(17283),h=(0,k.Ps)(a||(a=(0,c.Z)(["\n  query TalkCategories {\n    talkCategories {\n      banner\n      createdAt\n      icon\n      id\n      name\n      talks {\n        id\n        title\n      }\n      thumbnail\n      updatedAt\n    }\n  }\n"]))),p=(0,k.Ps)(r||(r=(0,c.Z)(["\n  query Talk($talkId: Int!) {\n    talk(id: $talkId) {\n      id\n      title\n      author\n      content\n      createdAt\n      image\n      talkCategoryId\n      talkUserId\n      nextTalk {\n        id\n        title\n        talkCategoryId\n      }\n      prevTalk {\n        id\n        talkCategoryId\n        title\n      }\n      talkComments {\n        comment\n        id\n        image\n        createdAt\n        childComments {\n          comment\n          image\n          id\n          createdAt\n          isLike\n          _count {\n            talkCommentLikes\n          }\n        }\n        talkUser {\n          name\n          talkCompany {\n            name\n          }\n          talkField {\n            name\n          }\n        }\n        isLike\n        _count {\n          talkCommentLikes\n        }\n      }\n      authorCompany\n      authorField\n      talkUser {\n        name\n        talkCompany {\n          name\n        }\n        talkField {\n          name\n        }\n      }\n      _count {\n        talkComments\n        talkLikes\n        talkViews\n      }\n      isLike\n    }\n  }\n"]))),f=(0,k.Ps)(i||(i=(0,c.Z)(["\n  query TalkComments($talkId: Int!) {\n    talkComments(talkId: $talkId) {\n      id\n      comment\n      image\n      createdAt\n      parentCommentId\n      talkUserId\n      childComments {\n        id\n        image\n        comment\n        createdAt\n        talkUserId\n        talkUser {\n          name\n          talkCompany {\n            name\n          }\n          talkField {\n            name\n          }\n        }\n        _count {\n          talkCommentLikes\n        }\n        isLike\n      }\n      _count {\n        talkCommentLikes\n      }\n      talkUser {\n        name\n        talkCompany {\n          name\n        }\n        talkField {\n          name\n        }\n      }\n      isLike\n    }\n  }\n"]))),g=(0,k.Ps)(o||(o=(0,c.Z)(["\n  query TalkCategory($talkCategoryId: Int!) {\n    talkCategory(id: $talkCategoryId) {\n      banner\n      bio\n      createdAt\n      icon\n      id\n      name\n      thumbnail\n      updatedAt\n    }\n  }\n"]))),C=(0,k.Ps)(l||(l=(0,c.Z)(["\n  query Talks($take: Int, $skip: Int, $categoryId: Int) {\n    talks(take: $take, skip: $skip, categoryId: $categoryId) {\n      count\n      data {\n        id\n        title\n        content\n        talkComments {\n          id\n        }\n        author\n        authorCompany\n        authorField\n        createdAt\n        image\n        talkLikes {\n          id\n        }\n        talkViews {\n          id\n        }\n        updatedAt\n        talkUser {\n          name\n          talkCompany {\n            name\n          }\n          talkField {\n            name\n          }\n        }\n        _count {\n          talkComments\n          talkLikes\n          talkViews\n        }\n      }\n    }\n  }\n"]))),y=(0,k.Ps)(d||(d=(0,c.Z)(["\n  query TalkCategories {\n    talkCategories {\n      id\n      icon\n      listBanner\n      bio\n      createdAt\n      banner\n      name\n      thumbnail\n      talks {\n        id\n        author\n        title\n        createdAt\n        talkComments {\n          id\n        }\n        talkViews {\n          id\n        }\n        talkLikes {\n          id\n        }\n        talkUser {\n          name\n          talkCompany {\n            name\n          }\n          talkField {\n            name\n          }\n        }\n        _count {\n          talkComments\n          talkLikes\n          talkViews\n        }\n      }\n      _count {\n        talks\n      }\n    }\n  }\n"]))),x=(0,k.Ps)(u||(u=(0,c.Z)(["\n  query MyTalks {\n    myTalks {\n      id\n      image\n      talkCategoryId\n      title\n      content\n      createdAt\n      _count {\n        talkComments\n        talkLikes\n        talkViews\n      }\n    }\n  }\n"]))),_=(0,k.Ps)(s||(s=(0,c.Z)(["\n  query MyTalkComments {\n    myTalkComments {\n      id\n      comment\n      image\n      _count {\n        talkCommentLikes\n      }\n      talk {\n        talkCategoryId\n      }\n\n      talkId\n      createdAt\n    }\n  }\n"]))),I=(0,k.Ps)(m||(m=(0,c.Z)(["\n  query Query($code: String!, $isCompany: Boolean) {\n    talkReferralCodeCheck(code: $code, isCompany: $isCompany)\n  }\n"])))},67935:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my/talk/comments",function(){return e(21484)}])},55819:function(n,t,e){"use strict";e.d(t,{o:function(){return d}});var a=e(92752),r=e(86989),i=e(25432),o=e(35059),l=e(85893),d=(0,o.G)((n,t)=>{let{onClick:e,className:o,...d}=n,{onClose:u}=(0,a.vR)(),s=(0,i.cx)("chakra-modal__close-btn",o),m=(0,a.I_)();return(0,l.jsx)(r.P,{ref:t,__css:m.closeButton,className:s,onClick:(0,i.v0)(e,n=>{n.stopPropagation(),u()}),...d})});d.displayName="ModalCloseButton"},93344:function(n,t,e){"use strict";

1e.d(t,{O:function(){return g}});var a=e(67294),r=e(25432),i=e(78871),o=e(33179),l=e(70917),d=e(35059),u=e(91639),s=e(34629),m=e(85893),c=(0,i.m)("div",{baseStyle:{boxShadow:"none",backgroundClip:"padding-box",cursor:"default",color:"transparent",pointerEvents:"none",userSelect:"none","&::before, &::after, *":{visibility:"hidden"}}}),k=(0,o.gJ)("skeleton-start-color"),h=(0,o.gJ)("skeleton-end-color"),p=(0,l.F4)({from:{opacity:0},to:{opacity:1}}),f=(0,l.F4)({from:{borderColor:k.reference,background:k.reference},to:{borderColor:h.reference,background:h.reference}}),g=(0,d.G)((n,t)=>{let e={...n,fadeDuration:"number"==typeof n.fadeDuration?n.fadeDuration:.4,speed:"number"==typeof n.speed?n.speed:.8},l=(0,u.mq)("Skeleton",e),d=function(){let n=(0,a.useRef)(!0);return(0,a.useEffect)(()=>{n.current=!1},[]),n.current}(),{startColor:g="",endColor:C="",isLoaded:y,fadeDuration:x,speed:_,className:I,fitContent:T,...Z}=(0,o.Lr)(e),[b,v]=(0,s.dQ)("colors",[g,C]),$=function(n){let t=(0,a.useRef)();return(0,a.useEffect)(()=>{t.current=n},[n]),t.current}(y),w=(0,r.cx)("chakra-skeleton",I),M={...b&&{[k.variable]:b},...v&&{[h.variable]:v}};if(y){let L=d||$?"none":`${p} ${x}s`;return(0,m.jsx)(i.m.div,{ref:t,className:w,__css:{animation:L},...Z})}return(0,m.jsx)(c,{ref:t,className:w,...Z,__css:{width:T?"fit-content":void 0,...l,...M,_dark:{...l._dark,...M},animation:`${_}s linear infinite alternate ${f}`}})});g.displayName="Skeleton"}},function(n){n.O(0,[5445,2962,8643,9774,2888,179],function(){return n(n.s=67935)}),_N_E=n.O()}]);