https://linkit.space/_next/static/chunks/pages/space/tags/[id]-524960d91ef473877b8e.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[33],{"02EJ":function(e,n,t){"use strict";t.d(n,"a",(function(){return I})),t.d(n,"b",(function(){return O}));var o=t("q1tI"),i=t.n(o),l=t("vOnD"),a=t("CEM3"),r=t("9Oob"),c=t("TyAF"),s=t("CsWo"),d=t("mTg0"),u=t("Tayq"),p=t("9Koi"),g=t("kmSd"),f=i.a.createElement,m=l.c.div.withConfig({displayName:"FollowCard__Container",componentId:"sc-1d0g43p-0"})(["display:flex;flex-direction:row;padding:20px;background-color:#fff;&.small{padding:16px 20px;}border-radius:",";width:",";margin-top:",";transition:",";:hover{","}"],(function(e){return e.space&&"8px"}),(function(e){return e.space&&"600px"}),(function(e){return e.space&&"20px"}),(function(e){return e.space&&"box-shadow 0.2s ease-out"}),(function(e){return e.space&&"box-shadow: 0 4px 8px rgba(34, 38, 42, 0.1)"})),w=l.c.div.withConfig({displayName:"FollowCard__ContainerLeft",componentId:"sc-1d0g43p-1"})([""]),h=l.c.div.withConfig({displayName:"FollowCard__ContainerMiddle",componentId:"sc-1d0g43p-2"})(["display:flex;flex-direction:column;flex:1;padding:0 16px;justify-content:center;"]),b=l.c.img.withConfig({displayName:"FollowCard__Avatar",componentId:"sc-1d0g43p-3"})(["width:40px;height:40px;border-radius:40px;"]),y=Object(l.c)(g.a).withConfig({displayName:"FollowCard__Name",componentId:"sc-1d0g43p-4"})(["color:",";font-weight:bold;:hover{cursor:pointer;text-decoration:underline;}"],a.a.gray1),v=Object(l.c)(g.a).withConfig({displayName:"FollowCard__Text",componentId:"sc-1d0g43p-5"})(["color:",";"],a.a.gray3),x=Object(l.c)(v).withConfig({displayName:"FollowCard__NoteCount",componentId:"sc-1d0g43p-6"})(["margin-right:12px;"]),_=l.c.div.withConfig({displayName:"FollowCard__ButtonContainer",componentId:"sc-1d0g43p-7"})(["display:flex;align-items:center;"]),C=l.c.div.withConfig({displayName:"FollowCard__ContainerMiddleDown",componentId:"sc-1d0g43p-8"})(["display:flex;flex-direction:row;align-items:center;"]),I=Object(c.a)((function(e){var n=e.data,t=e.small,o=e.space,i=Object(p.a)().t;return f(m,{space:o,className:t?"small":""},f(w,null,f(b,{src:u.a})),f(h,null,f(d.a,{href:"/space/tags/".concat(n.id)},f(y,null,"#".concat(n.name))),f(C,null,f(x,null,i("follow-item-note").replace("$0",String(n.public_note_count))),f(v,null,i("follow-item-follower").replace("$0",String(n.follower_count))))),f(_,null,f(r.a,{isFollow:1===n.is_follow,setIsFollow:function(e){s.a.setTagFollow(n,e)}})))})),F=Object(l.c)(g.a).withConfig({displayName:"FollowCard__Introduction",componentId:"sc-1d0g43p-9"})(["color:",";"],a.a.gray2),O=Object(c.a)((function(e){var n,t=e.data,o=e.small,i=e.space,l=Object(p.a)().t;return f(m,{space:i,className:o?"small":""},f(w,null,f(b,{src:t.avatar||u.b})),f(h,null,f(d.a,{href:"/space/users/".concat(t.id)},f(y,null,t.username||u.s)),!o&&(null===(n=t.self_introduction)||void 0===n?void 0:n.length)>0&&f(F,null,t.self_introduction),f(C,null,f(x,null,l("follow-item-note").replace("$0",String(t.public_note_count))),f(v,null,l("follow-item-follower").replace("$0",String(t.follower_count))))),f(_,null,f(r.a,{isFollow:1===t.is_follow,setIsFollow:function(e){s.a.setUserFollow(t,e)}})))}))},"8Lju":function(e,n,t){"use strict";t.r(n);var o=t("q1tI"),i=t.n(o),l=t("dhfL"),a=t("0Np0"),r=t("BJm1"),c=t("vOnD"),s=t("X7io"),d=t("TfgC"),u=t("N/KW"),p=t("TyAF"),g=t("d3yt"),f=t("9Oob"),m=t("vEhQ"),w=t("hbFQ"),h=t("Tayq"),b=t("lh8B"),y=t("9Koi"),v=t("UnvN"),x=t("Cge/"),_=t("Ic+1"),C=t("oBta"),I=t("kmSd"),F=t("9RHx"),O=t("CEM3"),j=i.a.createElement,N=Object(c.c)(s.a).withConfig({displayName:"WhosTag__NthUserdiv",componentId:"sc-3vzl0s-0"})(["color:",";font-size:16px;align-items:center;flex-direction:row;"],O.a.gray3),T=c.c.span.withConfig({displayName:"WhosTag__NthUserspan",componentId:"sc-3vzl0s-1"})(["border-radius:14px;padding:2px 0px;height:28px;margin-top:8px;"]),k=c.c.span.withConfig({displayName:"WhosTag__NthUserInfo",componentId:"sc-3vzl0s-2"})(["color:",";margin:0px 4px;"],O.a.gray1),E=(O.a.gray2,Object(p.a)((function(e){var n=e.firstNote,t=Object(y.a)().t;return(null===n||void 0===n?void 0:n.username)&&j(s.a,{style:{flexDirection:"column"}},j(N,null,j(T,null,j(N,null,j("img",{src:n.avatar||h.b,style:{height:24,width:24,borderRadius:12},alt:"website logo"}

1),j(k,null,n.username," "),t("whos-tag")))))}))),q=i.a.createElement,M=c.c.img.withConfig({displayName:"id__Image",componentId:"ty2sa7-0"})(["width:80px;height:80px;align-self:center;margin-right:16px;"]),S=Object(p.a)((function(e){var n,t=e.id,c=Object(y.a)().t,p=Object(o.useState)(!0),O=p[0],j=p[1],N=Object(o.useState)(!1),T=N[0],k=N[1],S=Object(o.useRef)(new u.a(m.b.TAG));Object(o.useEffect)((function(){k(!1),S.current.id=t,j(!0),S.current.update().finally((function(){j(!1)}))}),[t]);var z=S.current.info;return q(i.a.Fragment,null,q(s.a,{style:{flexDirection:"column",height:"100vh"}},q(l.a,null),O?q(_.b,{style:{justifyContent:"center",alignItems:"center",height:"100vh"}},q(g.i,{size:48})):q(_.b,null,q(a.a,null,q(s.a,{style:{position:"relative"}},q("div",null,q(s.a,{style:{justifyContent:"space-between",alignItems:"center",margin:"40px 0 32px 0",width:600}},q(s.a,{style:{alignItems:"center"}},q(M,{src:h.a}),q("div",null,q(r.a,null,q(I.h,null,"# ".concat(null===z||void 0===z?void 0:z.tag_name)||!1),q("div",{style:{width:16}}),q(f.a,{isFollow:1===(null===z||void 0===z?void 0:z.is_follow),setIsFollow:function(e){S.current.setFollow(e)}})),(null===z||void 0===z?void 0:z.scribbles)&&q(E,{firstNote:null===z||void 0===z?void 0:z.scribbles[(null===z||void 0===z?void 0:z.scribbles.length)-1]}),q(s.a,{style:{marginTop:8,alignItems:"center"}},q(b.b,{text:c("follow-item-page-note"),count:(null===z||void 0===z?void 0:z.public_note_count)||0}),q(b.a,null),q(F.a,{onClick:function(){return k(!0)}},q(b.b,{text:c("follow-item-page-follower"),count:(null===z||void 0===z?void 0:z.follower_count)||0})))))),(null===z||void 0===z||null===(n=z.scribbles)||void 0===n?void 0:n.length)>0?q(v.b,{data:z.scribbles,emptyList:q(x.a,null),isPublic:!0}):q(d.a,{text:c("tag-page-placeholder",{tag:null===z||void 0===z?void 0:z.tag_name}),image:"/res/images/empty.svg"})))),q(C.a,null)),q(w.a,{type:m.b.TAG,id:t,isOpen:T,onClose:function(){return k(!1)}})))}));S.getInitialProps=function(e){var n=e.query;return{id:Number(n.id)}};n.default=S},"9Oob":function(e,n,t){"use strict";t.d(n,"a",(function(){return g}));var o=t("vOnD"),i=t("CEM3"),l=t("q1tI"),a=t.n(l),r=t("9Koi"),c=t("kmSd"),s=t("6Hn5"),d=a.a.createElement,u=o.c.button.withConfig({displayName:"FollowButton__Button",componentId:"sc-13tzg0t-0"})(["border:1px solid ",";background-color:transparent;border-radius:16px;padding:6px 0;width:","px;transition:0.2s ease-in-out all;display:flex;align-items:center;justify-content:center;:hover{cursor:pointer;background-color:",";}&.active{border-color:",";background-color:",";.dvn-button-text{color:#fff;}}&.active.hover{border-color:",";background-color:",";}"],i.a.gray5,(function(e){return e.isKorean?80:100}),i.a.gray5,i.a.gray2,i.a.gray2,i.a.red400,i.a.red400),p=Object(o.c)(c.c).attrs((function(){return{className:"dvn-button-text"}})).withConfig({displayName:"FollowButton__Text",componentId:"sc-13tzg0t-1"})(["transition:0.2s ease-in-out all;color:",";line-height:1;"],i.a.gray2),g=function(e){var n=e.isFollow,t=e.setIsFollow,o=Object(r.a)(),i=o.t,a=o.i18n,c=Object(l.useState)(!1),g=c[0],f=c[1];return d(u,{isKorean:Object(s.d)(a),className:"".concat(n?"active":""," ").concat(g?"hover":""),onMouseEnter:function(){return f(!0)},onMouseLeave:function(){return f(!1)},onClick:function(){n||f(!1),t(!n)}},d(p,null,i(n?g?"follow-button-unfollow":"follow-button-following":"follow-button-follow")))}},BJm1:function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));var o=t("vOnD").c.div.withConfig({displayName:"Section",componentId:"sc-1tdpizw-0"})(["display:flex;align-items:center;"])},hbFQ:function(e,n,t){"use strict";t.d(n,"a",(function(){return D})),t.d(n,"b",(function(){return K}));var o,i,l,a=t("a3ss"),r=t("1OyB"),c=(t("rePB"),t("Y65e")),s=(t("+JCI"),t("q1tI")),d=t.n(s),u=t("Fbvm"),p=t("DVid"),g=t("vOnD"),f=t("CEM3"),m=t("vEhQ"),w=t("+I56"),h=t("9Oob"),b=t("CsWo"),y=t("TyAF"),v=t("2vnA"),x=t("d3yt"),_=g.c.div.withConfig({displayName:"CenterContainer",componentId:"sc-1j2buax-0"})(["width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]),C=t("mTg0"),I=t("2GhG"),F=t("Tayq"),O=t("9Koi"),j=d.a.createElement,N=g.c.div.withConfig({displayName:"FollowerFollowingModal__HeaderText",componentId:"sc-11nq9g9-0"})(["font-family:Nexa-Bold,sans-serif;font-weight:bold;font-size:24px;line-height:24px;color:",";text-align:center;padding:26px 0 22px 0;border-bottom:1px solid ",";"],f.a.gray1,f.a.gray5),T=g.c.div.withConfig({displayName:"FollowerFollowingModal__ListContainer",componentId:"sc-11nq9g9-1"}

1)(["height:360px;padding:8px 0;overflow-y:scroll;"]),k=g.c.div.withConfig({displayName:"FollowerFollowingModal__FollowerItemLine",componentId:"sc-11nq9g9-2"})(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 16px;"]),E=g.c.div.withConfig({displayName:"FollowerFollowingModal__FollowerItemLeft",componentId:"sc-11nq9g9-3"})(["font-size:16px;display:flex;flex-direction:row;align-items:center;"]),q=g.c.div.withConfig({displayName:"FollowerFollowingModal__FollowerItemName",componentId:"sc-11nq9g9-4"})(["font-size:18px;margin-left:12px;:hover{cursor:pointer;text-decoration:underline;}"]),M=g.c.div.withConfig({displayName:"FollowerFollowingModal__FollowerItemRight",componentId:"sc-11nq9g9-5"})(["height:44px;"]),S=g.c.img.withConfig({displayName:"FollowerFollowingModal__Avatar",componentId:"sc-11nq9g9-6"})(["width:40px;height:40px;border-radius:40px;"]),z=g.c.span.withConfig({displayName:"FollowerFollowingModal__PlaceholderText",componentId:"sc-11nq9g9-7"})(["font-size:16px;color:",";"],f.a.gray5),B=Object(y.a)((function(e){var n=e.data;return j(k,null,j(E,null,j(S,{src:n.avatar||F.b}),j(C.a,{href:"/space/users/".concat(n.id)},j(q,null,n.username||F.s))),j(M,null,n.id!==I.a.userId&&j(h.a,{isFollow:1===n.is_follow,setIsFollow:function(e){b.a.setUserFollow(n,e)}})))})),A=Object(y.a)((function(e){var n=e.data;return j(k,null,j(E,null,j(S,{src:F.a}),j(C.a,{href:"/space/tags/".concat(n.id)},j(q,null,n.tag_name))),j(M,null,j(h.a,{isFollow:1===n.is_follow,setIsFollow:function(e){b.a.setTagFollow(n,e)}})))})),R=(o=function e(){Object(r.a)(this,e),Object(a.a)(this,"userItems",i,this),Object(a.a)(this,"tagItems",l,this)},i=Object(c.a)(o.prototype,"userItems",[v.n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return[]}}),l=Object(c.a)(o.prototype,"tagItems",[v.n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return[]}}),o),D=Object(y.a)((function(e){var n=e.type,t=e.id,o=e.isOpen,i=e.onClose,l=Object(O.a)().t,a=Object(s.useRef)(new R),r=Object(s.useState)(!1),c=r[0],d=r[1],g=n===m.b.USER?{item:"userItems",api:"getUserFollower"}:{item:"tagItems",api:"getTagFollower"};return j(p.a,{isOpen:o,onClose:i,style:{padding:"0"},onOpening:function(){d(!0),w.a[g.api](t).then((function(e){a.current[g.item]=e})).finally((function(){d(!1)}))},onClosing:function(){a.current[g.item]=[]}},j(u.a,{onClick:i}),j(N,null,l("follower-modal-title")),j(T,null,c?j(_,null,j(x.i,{size:36})):0===a.current[g.item].length?j(_,null,j(z,null,l("follower-modal-placeholder"))):a.current[g.item].map((function(e){return j(B,{key:e.id,data:e})}))))})),K=Object(y.a)((function(e){var n=e.id,t=e.isOpen,o=e.onClose,i=Object(O.a)().t,l=Object(s.useRef)(new R),a=Object(s.useState)(!1),r=a[0],c=a[1];return j(p.a,{isOpen:t,onClose:o,style:{padding:"0"},onOpening:function(){c(!0),w.a.getUserFollowing(n).then((function(e){l.current.userItems=e.f_users,l.current.tagItems=e.f_tags})).finally((function(){c(!1)}))},onClosing:function(){l.current.userItems=[],l.current.tagItems=[]}},j(u.a,{onClick:o}),j(N,null,i("following-modal-title")),j(T,null,r?j(_,null,j(x.i,{size:36})):0===l.current.userItems.length&&0===l.current.tagItems.length?j(_,null,j(z,null,i("following-modal-placeholder"))):j(d.a.Fragment,null,l.current.userItems.map((function(e){return j(B,{key:e.id,data:e})})),l.current.tagItems.map((function(e){return j(A,{key:e.id,data:e})})))))}))},jKiW:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/space/tags/[id]",function(){return t("8Lju")}])},lh8B:function(e,n,t){"use strict";t.d(n,"a",(function(){return p})),t.d(n,"b",(function(){return g}));var o=t("vOnD"),i=t("q1tI"),l=t.n(i),a=t("kmSd"),r=t("CEM3"),c=l.a.createElement,s=o.c.div.withConfig({displayName:"TextAndCount__Container",componentId:"sc-12ekjk0-0"})(["display:flex;align-items:center;"]),d=Object(o.c)(a.d).withConfig({displayName:"TextAndCount__Text",componentId:"sc-12ekjk0-1"})(["user-select:none;color:",";line-height:24px;"],r.a.gray3),u=Object(o.c)(a.i).withConfig({displayName:"TextAndCount__Count",componentId:"sc-12ekjk0-2"})(["color:",";user-select:none;line-height:24px;"],r.a.gray1),p=o.c.div.withConfig({displayName:"TextAndCount__Divider",componentId:"sc-12ekjk0-3"})(["width:24px;"]),g=function(e){var n=e.text,t=e.count;return c(s,null,c(u,{style:{marginRight:12}},t),c(d,null,n))}},oBta:function(e,n,t){"use strict";t.d(n,"a",(function(){return x}));var o=t("q1tI"),i=t.n(o),l=t("vOnD"),a=t("kmSd"),r=t("CEM3"),c=t("Tayq"),s=t("mTg0"),d=t("TyAF"),u=t("V4kj"),p=t("CsWo"),g=t("02EJ"),f=t("d3yt"),m=t("9Koi"),w=i.a.createElement,h=l.c.div.withConfig({displayName:"RecommendationCard__Container",componentId:"sc-18x6u4e-0"})(["position:fixed;width:320px;top:","px;left:calc(50% + ","px);background-color:#fff;border-radius:8px;overflow:hidden;@media (max-width:1360px){display:none;}"],c.o+20,c.d/2+40),b=l.c.div.withConfig({displayName:"RecommendationCard__Header",componentId:"sc-18x6u4e-1"})(["padding:24px 20px 12px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;"]),y=Object(l.c)(a.c).withConfig({displayName:"RecommendationCard__HoverButtonText",componentId:"sc-18x6u4e-2"})(["color:",";:hover{text-decoration:underline;}"],r.a.gray3),v=l.c.div.withConfig({displayName:"RecommendationCard__SpinnerContainer",componentId:"sc-18x6u4e-3"})(["display:flex;align-items:center;justify-content:center;height:300px;"]),x=Object(d.a)((function(){var e,n,t,l,c,d,x=Object(o.useState)(!1),_=x[0],C=x[1],I=Object(m.a)().t;return Object(o.useEffect)((function(){C(!0),p.a.updateRecommendations().finally((function(){return C(!1)}))}),[]),u.a.showPreview?null:w(h,null,w(b,null,w(a.d,{style:{color:r.a.gray2}},I("suggested-follow")),w(y,null,w(s.a,{href:"/space/follow"},I("suggestion-see-more")))),_?w(v,null,w(f.i,{size:24})):w(i.a.Fragment,null,null===(e=p.a.recommendations)||void 0===e||null===(n=e.recommendation_users)||void 0===n||null===(t=n.slice(0,3))||void 0===t?void 0:t.map((function(e){return w(g.b,{key:e.id,data:e,small:!0})}

1)),null===(l=p.a.recommendations)||void 0===l||null===(c=l.recommendation_tags)||void 0===c||null===(d=c.slice(0,2))||void 0===d?void 0:d.map((function(e){return w(g.a,{key:e.id,data:e,small:!0})}))))}))}},[["jKiW",1,2,3,4,9,14,0,5,6,7,8,10,11,12,13,16,17,15,19,18]]]);