https://wemix.com/_next/static/chunks/582-45117ec6c3ae8b8a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[582],{30015:function(e,t,i){"use strict";var a=i(11527);i(50959),t.Z=e=>{let{Tag:t="span",children:i,color:n,className:l,wordBreak:r=!1,whiteSpace:o=!1,customClassName:s,center:c,stretch:d=!1,customStyle:m}=e;return(0,a.jsx)(t,{style:{color:n,fontSize:Number(null==l?void 0:l.split("-")[1]),lineHeight:"".concat(Number(null==l?void 0:l.split("-")[2]),"%"),fontWeight:Number(null==l?void 0:l.split("-")[3]),letterSpacing:-.02*Number(null==l?void 0:l.split("-")[1]),wordBreak:r?"break-all":void 0,whiteSpace:o?"pre-wrap":void 0,textAlign:c?"center":void 0,alignSelf:d?"stretch":void 0,...m},className:"".concat(l," ").concat(s),children:i})}},70044:function(e,t,i){"use strict";i.d(t,{Z:function(){return T}});var a=i(11527),n=i(73907),l=i(78044),r=i(64247),o=i(59818),s=i(87517);let c=n.ZP.div.withConfig({componentId:"sc-af5d4e53-0"})(["width:100%;border-bottom:1px solid ",";"],l.w.gray0),d=n.ZP.div.withConfig({componentId:"sc-af5d4e53-1"})(["display:flex;padding:24px 0;justify-content:center;align-items:flex-start;gap:24px;align-self:stretch;","{padding:20px 0;}img{pointer-events:none;user-select:none;-webkit-user-select:none;object-fit:cover;}.thumbnail{position:relative;width:80px;height:80px;&:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.05);z-index:1;}}"],s.gv),m=n.ZP.div.withConfig({componentId:"sc-af5d4e53-2"})(["display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;.board{color:",";",";margin-bottom:6px;max-width:200px;"," word-break:break-all;}.title{",";margin-bottom:8px;word-break:break-word;","{","}span{color:#4444ff;","}}"],l.w.gray6,r.Z.label_13_100_regular,(0,s.tm)(1),r.Z.title_16_140_semiBold,s.ai,(0,s.tm)(3),r.Z.title_16_140_bold),u=n.ZP.div.withConfig({componentId:"sc-af5d4e53-3"})(["display:flex;gap:10px;","{flex-direction:column;gap:14px;}.create-info{display:flex;align-items:center;gap:4px;span{",";color:#8a8e96;white-space:nowrap;&:first-child{"," word-break:break-all;white-space:unset;}}}.reservation-info{color:#2575ff;","}.like-comment{display:flex;align-items:center;gap:6px;span{display:flex;align-items:center;gap:2px;}}"],s.ai,r.Z.label_13_100_regular,(0,s.tm)(1),r.Z.body_14_130_medium);var p=i(30015),g=i(91967),h=i(17888),f=i.n(h),x=i(30969),b=i(68779),v=i.n(b),_=i(24113),y=i(26220),w=i(53886);let j=(e,t)=>{let i=e.indexOf(t),a=i+t.length;return[e.slice(0,i),e.slice(a,e.length)]};var k=e=>{var t,i;let{id:n,board:l,title:r,creatorAccount:s,publishedAt:h,viewCount:b,likeCount:k,commentCount:N,image:Z,isLike:P,keyword:C,hasImage:I,postType:M}=e,{t:z}=(0,w.$G)(["community"]),{query:S}=(0,x.useRouter)(),D=f()(h).format("YYYY.MM.DD."),F=(0,y.T)(null!==(t=null==s?void 0:s.address)&&void 0!==t?t:"");return(0,a.jsx)(c,{children:(0,a.jsx)(v(),{href:"/community/".concat(n),children:(0,a.jsxs)(d,{children:[(0,a.jsxs)(m,{children:[(!S.boardId||"0"===S.boardId)&&(0,a.jsx)("div",{className:"board",children:l.name}),(0,a.jsx)(()=>{if(C&&r&&r.includes(C)){let[e,t]=j(r,C);return(0,a.jsxs)("div",{className:"title",children:[e,(0,a.jsx)("span",{children:C}),t]})}return(0,a.jsx)("div",{className:"title",children:r})},{}),(0,a.jsxs)(u,{children:[(0,a.jsxs)("div",{className:"create-info",children:[(0,a.jsx)("span",{children:null!==(i=null==s?void 0:s.nickname)&&void 0!==i?i:F}),(0,a.jsx)(_.Z,{iconName:"gray_circle_4",iconSize:3}),(0,a.jsx)("span",{children:D}),(0,a.jsx)("span",{children:"".concat(z("community:community.view")," ").concat((0,g._h)(b))})]}),(0,a.jsxs)("div",{className:"like-comment",children:[(0,a.jsxs)("span",{children:[(0,a.jsx)(_.Z,{iconName:P?"icon_common_heart-full":"icon_common_heart-empty",size:14}),(0,a.jsx)(p.Z,{className:"label-13-100-500",color:"#494c52",children:(0,g._h)(k)})]}),"DISABLE_COMMENT"!==M?(0,a.jsxs)("span",{children:[(0,a.jsx)(_.Z,{iconName:"icon_common_comment",size:14}),(0,a.jsx)(p.Z,{className:"label-13-100-500",color:"#494c52",children:(0,g._h)(N)})]}):null]})]})]}),(()=>{if(I){let e=null==Z?void 0:Z.replace("/default","/lg");return(0,a.jsx)("div",{className:"thumbnail",children:(0,a.jsx)(o.Z,{src:e,width:80,height:80})})}})()]})})})},N=i(22612),Z=i.n(N),P=i(50959),C=i(93149),I=i.n(C),M=i(30572),z=i.n(M),S=i(81514);let D=I().bind(z()),F=e=>{let{currentPage:t,totalPages:i,onPageChange:n}=e,l=(0,S.Z)("desktop"),[r,o]=(0,P.useState)(5),s=Math.max(1,Math.floor((t-1)/r)*r+1),c=Math.min(i,t%r==0?t:Math.floor(t/r+1)*r);(0,P.useEffect)(()=>{l?o(10):o(5)},[l]);let d=(e,t)=>{switch(t){case"decrease":e>1&&n(s-r);return;case"increase":e<i&&n(s+r);return;default:n(e)}},m=Array.from({length:c-s+1},(e,t)=>s+t),u=()=>{window.scrollTo(0,0)},p=(e,i)=>{let{currentTarget:{name:a}}=e;switch(u(),a){case"prev":d(t,"decrease");break;case"page":i&&d(i,"page");break;case"next":d(t,"increase")}};return(0,a.jsxs)("div",{className:D("pagination"),children:[(0,a.jsx)("button",{name:"prev",className:D("page-item","btn-prev",1===s?"disabled":""),onClick:e=>{p(e)},disabled:1===s,children:(0,a.jsx)(_.Z,{size:14,iconName:"arrow_right_pagination",title:"이전 버튼"})}),m.map(e=>(0,a.jsx)("button",{name:"page",className:D("page-item",t===e?"active":""),onClick:t=>{p(t,e)},children:e},e)),(0,a.jsx)("button",{name:"next",className:D("page-item","btn-next",c===i?"disabled":""),onClick:e=>{p(e)},disabled:c===i,children:(0,a.jsx)(_.Z,{size:14,iconName:"arrow_right_pagination",title:"다음 버튼"})})]})};var B=i(76678),E=i(93877);let Y=n.ZP.div.withConfig({componentId:"sc-5efc0785-0"})(["display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;.header{color:#111;padding-bottom:18px;width:100%;border-bottom:1px solid ",";"," strong{color:#4444ff;}}.list{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;padding-bottom:32px;}","{>

1 div:last-child{width:100%;justify-content:center;[class*='Pagination_page-item']{font-size:14px !important;min-width:32px;padding:0 7px;height:32px;border-radius:0;}[class*='Pagination_active']{font-size:14px !important;background-color:#4444ff;color:#fff;border-radius:0;}}}"],l.w.gray2,r.Z.body_15_140_medium,s.gv),A=n.ZP.div.withConfig({componentId:"sc-5efc0785-1"})(["width:100%;display:flex;align-items:center;justify-content:center;padding:80px 0;p{"," color:",";}"],r.Z.title_16_140_medium,l.w.gray6);var T=e=>{var t,i,n,l;let{keyword:r}=e,{t:o}=(0,w.$G)(["community"]),s=(0,S.Z)("smDesktop"),{query:c}=(0,x.useRouter)(),d="0"===c.boardId||""===c.boardId?void 0:c.boardId,{data:m,fetchTrigger:u}=(0,E.qy)({boardId:d,pageSize:10,page:s&&c.page?c.page:0,keyword:r}),[p,h]=(0,B.v1)("page",B.U.withDefault(1)),f=s?null!==(n=null==m?void 0:null===(t=m.pages.find(e=>e.meta.currentPage===p))||void 0===t?void 0:t.items)&&void 0!==n?n:[]:Z()(null==m?void 0:m.pages.map(e=>e.items)),b=null!==(l=null==m?void 0:null===(i=m.pages.at(0))||void 0===i?void 0:i.meta.totalItems)&&void 0!==l?l:0;return(0,a.jsxs)(Y,{children:[(0,a.jsxs)("span",{className:"header",children:[o("community:community.total")," ",(0,a.jsx)("strong",{children:(0,g._h)(b)}),o("community:community.post.count")]}),(0,a.jsx)(()=>{var e,t;return 0===b?(0,a.jsx)(A,{children:(0,a.jsx)("p",{children:r?o("community:community.no.search.result"):o("community:community.no.posts.yet")})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"list",children:f.map(e=>(0,a.jsx)(k,{...e,keyword:r},e.id))}),s?(0,a.jsx)(F,{currentPage:p,totalPages:null!==(t=null==m?void 0:null===(e=m.pages.at(0))||void 0===e?void 0:e.meta.totalPages)&&void 0!==t?t:0,onPageChange:e=>h(e)}):(0,a.jsx)("div",{ref:u})]})},{})]})}},91967:function(e,t,i){"use strict";i.d(t,{UM:function(){return n},_h:function(){return l}});var a=i(99169);let n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!e&&0!==e)return"";let a=Number(e);return new Intl.NumberFormat(void 0,{minimumFractionDigits:i,maximumFractionDigits:-1===t?a<1?4:2:t,roundingMode:"trunc"}).format(a)},l=e=>null==e?void 0:e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",");t.ZP=(e,t)=>

1{let i=[{value:1,unit:""},{value:1e3,unit:"K"},{value:1e6,unit:"M"},{value:1e9,unit:"B"}].reverse().find(t=>e>=t.value);if(void 0===i)return{formatValue:"0",onlyFormatValue:"0",unit:""};let n=""===i.unit?0:t?Number(t):2,l=new a.Z(Number(e)/i.value),r=new a.Z(l).toFormat(n);return{formatValue:"".concat(r).concat(i.unit),onlyFormatValue:r,unit:i.unit}}},30572:function(e){e.exports={"background-state-hover":"rgba(0,0,0,.07)","background-state-pressed":"rgba(0,0,0,.12)","bg-dark":"#0c0b11","bg-dark-ecosystem":"#000",black:"#000","color-chart01":"#7c7bff","color-chart02":"#2ab7e5","color-chart03":"#f7387d","color-decrease":"#ff3838","color-increase":"#27c683",gray00:"#161519",gray10:"#1d1c21",gray100:"#fff",gray20:"#32323c",gray30:"#484a57",gray40:"#5d606d",gray50:"#737985",gray60:"#8c939d",gray70:"#a6adb5",gray80:"#cbd2d9",gray90:"#eaeef2","header-height-desktop":"60px","header-height-mobile":"48px","opacity-black10":"rgba(0,0,0,.1)","opacity-black5":"rgba(0,0,0,.05)","opacity-white10":"hsla(0,0%,100%,.1)","opacity-white20":"hsla(0,0%,100%,.2)","opacity-white5":"hsla(0,0%,100%,.05)","opacity-white50":"hsla(0,0%,100%,.5)",white:"#fff",pagination:"Pagination_pagination__MzL77","page-item":"Pagination_page-item__J_AkY",active:"Pagination_active__sCrjp",disabled:"Pagination_disabled__mXhcS","btn-prev":"Pagination_btn-prev__tntf7"}}}]);