https://wemix.com/_next/static/chunks/pages/community/search-d07f2ff0e7ff1b5b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6302],{95455:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/search",function(){return a(59919)}])},99792:function(e,t,a){"use strict";a.d(t,{Z:function(){return u}});var c=a(11527),r=a(73907),n=a(64247);let o=r.ZP.div.withConfig({componentId:"sc-4c34f2a-0"})(["width:100%;max-width:600px;"]),i=r.ZP.button.withConfig({componentId:"sc-4c34f2a-1"})(["",";display:flex;align-items:center;gap:10px;"],n.Z.label_16_100_medium),s=r.ZP.div.withConfig({componentId:"sc-4c34f2a-2"})(["display:flex;align-items:center;justify-content:space-between;margin-top:15px;"]),l=r.ZP.h2.withConfig({componentId:"sc-4c34f2a-3"})(["",";"],n.Z.headline_30_130_bold);var d=a(24113),h=a(53886);function u(e){let{title:t,ActionButton:a,goBack:r}=e,{t:n}=(0,h.$G)(["community"]);return(0,c.jsxs)(o,{children:[r&&(0,c.jsxs)(i,{onClick:r,children:[(0,c.jsx)(d.Z,{iconName:"icon_common_prev",size:18}),n("community:community.go.back")]}),(0,c.jsxs)(s,{children:[(0,c.jsx)(l,{children:t}),a]})]})}},59919:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return F},default:function(){return K}});var c=a(11527),r=a(53886),n=a(9228),o=a(50959),i=a(70044),s=a(73907),l=a(87517),d=a(64247);let h=s.ZP.div.withConfig({componentId:"sc-87ea5550-0"})(["width:100%;padding-top:14px;","{display:flex;flex-direction:row;padding:0;}"],l.ai),u=s.ZP.div.withConfig({componentId:"sc-87ea5550-1"})(["width:100%;","{padding:20px 20px 30px;}h3{"," margin-top:30px;margin-bottom:13px;","{margin-top:0;}}"],l.ai,d.Z.title_17_130_semiBold,l.ai),p=s.ZP.div.withConfig({componentId:"sc-87ea5550-2"})(["width:100%;[class*='search-input-wrap']{border:1px solid #dcdfe4;","{height:40px;}}"],l.ai);var g=a(76678),m=a(93149),b=a.n(m),y=a(68779),f=a.n(y),_=a(35690),x=a.n(_);let w=b().bind(x()),k=e=>{let{icon:t,type:a="basic",size:r=38,disabled:n,link:o,linkTarget:i,onClick:s,actionType:l="button",title:d,customColor:h}=e,u=()=>{let e={};return h&&(e["--icon-color"]=x()[h.color],e["--icon-hover-color"]=x()[h.hover]),e["--icon-size"]="--icon-size: ".concat(r,"px"),e};return o?(0,c.jsxs)(f(),{href:o,className:w("btn-icon","btn-".concat(a),{disabled:n},h&&"custom-icon"),target:i&&i,rel:i&&"noopener noreferrer",onClick:s,style:u(),children:[t,(0,c.jsx)("span",{className:w("a11y"),children:d})]}):(0,c.jsxs)("button",{type:l,className:w("btn-icon","btn-".concat(a),h&&"custom-icon"),disabled:n,onClick:s,style:u(),children:[t,(0,c.jsx)("span",{className:w("a11y"),children:d})]})};var v=a(29826),j=a.n(v),N=a(92919),I=a(24113);let Z=b().bind(j()),C=e=>{let{name:t="search",placeholder:a,onChange:r,onKeyPress:n,onIconClick:i,iconAlign:s,size:l,className:d,option:h}=e,[u,p]=(0,o.useState)("");return(0,c.jsxs)("div",{className:Z("search-input-wrap",l,d),children:["right"!==s&&(0,c.jsx)(k,{icon:(0,c.jsx)(I.Z,{iconName:"search",size:24,className:Z("svg-search","align-left")}),onClick:i,size:30,title:"검색",type:"basic"}),(0,c.jsx)("input",{type:"text",name:t,title:t,className:Z("search-input"),placeholder:a,value:u,onChange:e=>{r(e),p("removeSpecialCharacter"===h?(0,N.q)(e.target.value):e.target.value)},onKeyPress:n,autoComplete:"off"}),u?(0,c.jsx)(k,{icon:(0,c.jsx)(I.Z,{iconName:"dao_circle_close",size:20,className:Z("svg-circle-close")}),onClick:()=>{r({target:{value:"",name:t}}),p("")},size:30,title:"삭제",type:"basic"}):null,"right"===s&&(0,c.jsx)(k,{icon:(0,c.jsx)(I.Z,{iconName:"search",size:24,className:Z("svg-search","align-left")}),onClick:i,size:30,title:"검색",type:"basic"})]})};var S=a(49347),z=a(29485);let P=e=>{let{boardId:t,keyword:a}=e;return(0,S.Ue)((0,z.tJ)(e=>({scrollY:0,setScrollY:t=>e({scrollY:t}),init:()=>e({scrollY:0})}),{name:"Last-state-search-page-".concat(t,"-").concat(a),storage:(0,z.FL)(()=>sessionStorage)}))},E=e=>{let{keyword:t,boardName:a}=e;return t?(0,c.jsxs)(u,{children:[(0,c.jsx)("h3",{children:a}),(0,c.jsx)(i.Z,{keyword:t})]}):(0,c.jsx)(c.Fragment,{})},Y=e=>{let{boardId:t,keyword:a,setKeyword:n}=e,{t:i}=(0,r.$G)(["community"]),[s,l]=(0,o.useState)(a),d=P({boardId:t,keyword:a})(e=>e.init),u=()=>{d(),n(s)};return(0,c.jsx)(h,{children:(0,c.jsx)(p,{children:(0,c.jsx)(C,{onChange:e=>l((0,N.q)(e.target.value)),placeholder:i("community:community.search.posts"),onKeyPress:e=>{"Enter"===e.key&&u()},onIconClick:u,iconAlign:"right",size:"full",option:"removeSpecialCharacter"})})})};var B=e=>{let{boardId:t,boardName:a}=e,[r,n]=(0,g.v1)("keyword",g.Oi.withDefault(""));return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(Y,{boardId:t,keyword:r,setKeyword:n}),(0,c.jsx)(E,{keyword:r,boardName:a})]})},G=a(99792),O=a(81514),D=a(30969),F=!0,K=()=>{let{t:e}

1=(0,r.$G)(["community"]),t=(0,O.Z)("smDesktop"),a=(0,D.useRouter)(),[i]=(0,g.XI)({boardName:g.Oi.withDefault("전체 글"),boardId:g.Oi.withDefault("")}),s=(0,o.useMemo)(()=>{var e;return null!==(e=i.boardId)&&void 0!==e?e:""},[i]),l=(0,o.useMemo)(()=>{var e;return null!==(e=i.boardName)&&void 0!==e?e:""},[i]);return(0,c.jsxs)(n.Z,{className:"community",children:[(0,c.jsx)("h1",{className:"a11y",children:"WEMIX Community"}),t&&(0,c.jsx)(G.Z,{title:e("community:community.search"),goBack:()=>a.back()}),(0,c.jsx)(B,{boardId:s,boardName:l})]})}},92919:function(e,t,a){"use strict";a.d(t,{l:function(){return c},q:function(){return r}});let c=e=>{let t=/(?:https?:)?(?:\/\/)?(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube(?:-nocookie)?\.com\S*?[^\w\s-])([\w-]{11})(?=[^\w-]|$)(?![?=&+%\w.-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/gim.exec(e);return!!t&&11==t[1].length&&t[1]},r=e=>e.replace(/[^가-힣\u3131-\u314E\u314F-\u3163a-zA-Z0-9\s]/g,"")},35690: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","btn-icon":"IconButton_btn-icon__YzZY5","custom-icon":"IconButton_custom-icon__YyoLY","btn-circle":"IconButton_btn-circle__y_TZd"}},29826: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","search-input-wrap":"SearchInput_search-input-wrap____HhU",full:"SearchInput_full__jZ_aM",error:"SearchInput_error__ebk_k","search-input":"SearchInput_search-input__tRGs5","align-left":"SearchInput_align-left__UdEoC","svg-search":"SearchInput_svg-search__V2NUY","svg-circle-close":"SearchInput_svg-circle-close__9cjhK",disabled:"SearchInput_disabled__VtSuz"}}},function(e){e.O(0,[3907,8779,7284,1152,9169,4390,5171,9228,582,2888,9774,179],function(){return e(e.s=95455)}),_N_E=e.O()}]);