(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[706],{67447:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{unstable_getImgProps:function(){return c},default:function(){return l}});let a=n(21024),i=n(38630),o=n(76184),r=n(81749),A=a._(n(10536)),c=e=>{(0,o.warnOnce)("Warning: unstable_getImgProps() is experimental and may change or be removed at any time. Use at your own risk.");let{props:t}=(0,i.getImgProps)(e,{defaultLoader:A.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,n]of Object.entries(t))void 0===n&&delete t[e];return{props:t}},l=r.Image},16005:function(e,t,n){"use strict";function a(e){let{children:t}=e;return t}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"NoSSR",{enumerable:!0,get:function(){return a}}),n(46491)},88794:function(e,t,n){"use strict";n.d(t,{Vn:function(){return o},Yr:function(){return a},gk:function(){return i}});let a=async(e,t)=>{try{await fetch("".concat("https://wooyeon-book-server.vercel.app","/comment/create/").concat(t),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}catch(e){alert("오류가 발생했습니다.다시 시도해주세요.")}},i=async(e,t)=>{try{await fetch("".concat("https://wooyeon-book-server.vercel.app","/comment/update/").concat(t),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}catch(e){alert("오류가 발생했습니다.다시 시도해주세요.")}},o=async e=>{try{await fetch("".concat("https://wooyeon-book-server.vercel.app","/comment/delete/").concat(e),{method:"DELETE"})}catch(e){alert("오류가 발생했습니다.다시 시도해주세요.")}}},59145:function(e,t,n){"use strict";var a=n(57437),i=n(66983),o=n.n(i);t.Z=()=>(0,a.jsx)("div",{className:o().container,children:(0,a.jsx)("div",{className:o().spinner})})},18255:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return o}});var a=n(57437),i=n(99025);function o(e){let{content:t}=e;return(0,a.jsx)(i.A,{initialValue:t})}n(69751),n(2265)},90919:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return w}});var a=n(57437),i=n(61396),o=n.n(i),r=n(31143),A=n.n(r),c=n(2265),l=n(65069),d=n(16691),s=n.n(d),m={src:"/_next/static/media/moreIcon.a6936593.png",height:3,width:18,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAADFBMVEVMaXEAAAAAAAAAAAAykov8AAAABHRSTlMAnEXkbfO6LwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABFJREFUeJxjYGZiYGRkYGIGAAA/AA2ZQyrbAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:1},u={src:"/_next/static/media/editIcon.55c6d6dc.png",height:64,width:64,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAABMaXEAAAAAAAAAAAAAAAAAAAAAAABmbIUOAAAADHRSTlNwdSMVZygAhEeqNlBE0mi2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAN0lEQVR4nB3HyRHAMAwDsaWow07cf70Z5wdQQm9nouVybkF055m+4Iwf5PsAYk//WOXwEqUEVB8nwgEHxfUR0gAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8},_={src:"/_next/static/media/deleteIcon.59ceaa96.png",height:40,width:34,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABMaXGHbK0hAAAAC3RSTlN8hl+4WkhtpZwsAJRCEjEAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAwSURBVHicTcXJEQAgDAOxdZwD6L9ghh/6iLMt74O9WDbdldVNCFB8C73JTIIaxNQFGkgArf3TU/kAAAAASUVORK5CYII=",blurWidth:7,blurHeight:8},p=n(50686),g=n(24033),h=n(55883),f=n(87443),w=e=>{let{data:t,page:n}=e,[i,r]=(0,c.useState)(!1),d=(0,c.useRef)(null),w=(0,g.useRouter)(),x=(0,h.sJ)(f.L);(0,l.Z)({ref:d,handler:()=>{r(!1)}});let B=async()=>{let e=(0,p.e)();await e.from("".concat(t.field)).delete().eq("doc_id",t.doc_id).select(),w.push("/community/".concat(t.field))};return(0,a.jsxs)("div",{className:A().dropdown,ref:d,children:[(0,a.jsx)("button",{className:A().moreIconHover,onClick:()=>r(!i),children:(0,a.jsx)(s(),{src:m,alt:"moreIcon",width:18,height:3,className:A().moreIcon})}),i&&(0,a.jsx)("div",{className:A().dropdownMenu,style:{display:i?"block":"none"},children:(null==t?void 0:t.created_user)===(null==x?void 0:x.id)?(0,a.jsxs)("div",{className:A().dropdownMenuWrapper,children:[(0,a.jsx)("div",{className:A().dropdownIconHover,children:(0,a.jsxs)(o(),{href:"/community/update/".concat(n,"/").concat(t.doc_id),className:A().editBtn,children:[(0,a.jsx)(s(),{src:u,alt:"editIcon",width:16,height:16,className:A().editIcon}),"수정"]})}),(0,a.jsx)("div",{className:A().dropdownIconHover,children:(0,a.jsxs)("button",{onClick:B,className:A().editBtn,children:[(0,a.jsx)(s(),{src:_,alt:"deleteIcon",width:16,height:16,className:A().editIcon}),"삭제"]})})]}):null})]})}},35639:function(e,t,n){"use strict";n.r(t);var a=n(57437),i=n(50686),o=n(24033),r=n(31143),A=n.n(r),c=n(16691),l=n.n(c),d=n(5300),s=n(55883),m=n(87443);t.default=e=>{let{page:t,doc_id:n,like:r}=e,c=(0,o.useRouter)(),u=(0,s.sJ)(m.L),_=async()=>{null===u.id?c.push("/login"):p()},p=async()=>{let e=(0,i.e)();if(r.includes(u.id)){let{error:a}=await e.from(t).update({like_users:r.filter(e=>e!==u.id)}).eq("doc_id",n).select();window.location.reload()}else{let{error:a}=await e.from(t).update({like_users:[...r,u.id]}).eq("doc_id",n).select();window.location.reload()}};return(0,a.jsx)("div",{className:A().likeBtnWrap,onClick:_,children:(0,a.jsxs)("button",{className:A().likeBtn,children:[(0,a.jsx)(l(),{src:d.default,alt:"heartIcon",width:17,height:17,className:A().iconsStyle}),(0,a.jsx)("span",{className:A().likeCountText,children:null==r?void 0:r.length})]})})}},78118:function(e,t,n){"use strict";n.r(t);var a=n(57437),i=n(50686),o=n(24033),r=n(31143),A=n.n(r),c=n(2265),l=n(59145),d=n(55883),s=n(87443);t.default=e=>{let{page:t,doc_id:n,state:r,admin:m,selling:u}=e,_=(0,o.useRouter)();if("bookReport"===t||"bookSelling"===t&&!1===u)return null;let[p,g]=(0,c.useState)(!1),h=(0,d.sJ)(s.L),f=async()=>{null===h.id?_.push("/login"):h.id!==m?alert("작성자만 수정할 수 있습니다."):w()},w=async()=>{g(!0);let e=(0,i.e)(),{error:a}=await e.from(t).update({state:!r}).eq("doc_id",n).select();g(!1),window.location.reload()};return(0,a.jsx)(a.Fragment,{children:p?(0,a.jsx)(l.Z,{}):(0,a.jsx)("div",{className:A().stateBtnWrapper,children:(0,a.jsx)("div",{className:A().stateBtnWrap,onClick:f,children:(0,a.jsx)("span",{className:A().stateBtnText,children:(()=>{switch(t){case"bookSelling":return u?r?"판매 완료":"판매중":r?"나눔 완료":"나눔중";case"bookMeeting":return r?"모집 완료":"모집중";case"bookBuying":return r?"구매 완료":"구매중"}})()})})})})}},88764:function(e,t,n){"use strict";n.r(t);var a=n(57437),i=n(14962),o=n(31143),r=n.n(o),A=n(2265),c=n(55883);t.default=e=>{let{id:t,comment:n}=e,o=(0,c.sJ)(i.k),[l,d]=(0,c.FV)(i.u);(0,A.useEffect)(()=>{d(n)},[]);let s=async e=>{e.preventDefault(),e.target.value.length>50&&alert("50자 이내로 적어주세요."),d(e.target.value)};return(0,a.jsx)("div",{className:r().commentContentWrap,children:o===t?(0,a.jsx)("input",{type:"text",value:l,onChange:s,className:r().commnetModifyInput}):(0,a.jsx)("p",{children:n})})}},91466:function(e,t,n){"use strict";n.r(t);var a=n(57437),i=n(14962),o=n(55883),r=n(79775),A=n.n(r),c=n(2265),l=n(88794),d=n(87443);t.default=e=>{let{data:t}=e,[n,r]=(0,o.FV)(i.k),[s,m]=(0,o.FV)(i.u);if(null===(0,o.sJ)(d.L).id)return null;(0,c.useEffect)(()=>{m(t.comment)},[]);let u=async()=>{let e={id:t.id,created_at:new Date,comment:s,like:t.like,created_user:t.created_user,created_user_name:t.created_user_name,doc_id:t.doc_id,check:t.check};await (0,l.gk)(e,t.id),r(""),window.location.reload()},_=async()=>{await (0,l.Vn)(t.id),window.location.reload()};return(0,a.jsxs)("div",{className:A().adminBtnWrap,children:[n===t.id?(0,a.jsx)("button",{className:A().updateBtn,onClick:u,children:"완료"}):(0,a.jsx)("button",{className:A().updateBtn,onClick:()=>{r(t.id),m(t.comment)},children:"수정"}),(0,a.jsx)("em",{className:A().divice}),(0,a.jsx)("button",{className:A().deleteBtn,onClick:_,children:"삭제"})]})}},51266:function(e,t,n){"use strict";n.r(t);var a=n(57437),i=n(31143),o=n.n(i),r=n(50686),A=n(2265),c=n(88794),l=n(24033),d=n(55883),s=n(87443);t.default=e=>{let{page:t,doc_id:n}=e,i=(0,l.useRouter)();(0,r.e)();let[m,u]=(0,A.useState)(""),[_,p]=(0,A.useState)(0),g=(0,d.sJ)(s.L),[h,f]=(0,A.useState)(!1),w=async()=>{null===g.id?i.push("/login"):f(!h)},x=async()=>{let e={created_at:new Date,filed:t,comment:m,created_user:g.id,created_user_name:g.name,check:!1,doc_id:n,like:0};await (0,c.Yr)(e,n),f(!1),u(""),p(0),console.log("https://wooyeon-book-server.vercel.app"),window.location.reload()};return(0,a.jsxs)("div",{children:[!h&&(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:o().commentCreateWrap,children:(0,a.jsx)("input",{type:"text",placeholder:"한글 기준 50자까지 작성 가능합니다.",onFocus:w,className:o().commentInput,maxLength:50})})}),h&&(0,a.jsxs)("div",{className:o().commentWrapper,children:[(0,a.jsxs)("div",{className:o().commentCreateBoxWrap,children:[(0,a.jsx)("input",{type:"text",placeholder:"한글 기준 50자까지 작성 가능합니다.",value:m,onChange:e=>{e.preventDefault(),u(e.target.value),e.target.value.length>50?alert("50자 이내로 적어주세요"):p(e.target.value.length)},maxLength:50}),(0,a.jsxs)("div",{className:o().commentBtnWrapper,children:[(0,a.jsx)("button",{onClick:x,className:o().updateBtn,children:"등록"}),(0,a.jsx)("button",{onClick:()=>{f(!1),u("")},className:o().cancelBtn,children:"취소"})]})]}),(0,a.jsxs)("div",{className:o().commentInputCount,children:[(0,a.jsx)("span",{className:o().commentInputCountTxt,children:_}),(0,a.jsx)("span",{className:o().commentCount,children:"/50 자"})]})]})]})}},65069:function(e,t,n){"use strict";var a=n(2265);t.Z=e=>{let{ref:t,handler:n}=e,i=e=>{!t.current||t.current.contains(e.target)||n(e)};(0,a.useEffect)(()=>(window.addEventListener("mousedown",i),()=>{window.removeEventListener("mousedown",i)}),[t,n])}},14962:function(e,t,n){"use strict";n.d(t,{k:function(){return i},u:function(){return o}});var a=n(55883);let i=(0,a.cn)({key:"isUpdateState",default:""}),o=(0,a.cn)({key:"updateComment",default:""})},87443:function(e,t,n){"use strict";n.d(t,{L:function(){return o}});var a=n(55883);let{persistAtom:i}=(0,n(91623).J)({key:"user-persist",storage:localStorage}),o=(0,a.cn)({key:"userState",default:{id:null,name:null,email:void 0,phone:null},effects_UNSTABLE:[i]})},50686:function(e,t,n){"use strict";n.d(t,{e:function(){return i}});var a=n(69616);let i=()=>(0,a.AY)("https://xdbequtksxewiorzzmqg.supabase.co","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InhkYmVxdXRrc3hld2lvcnp6bXFnIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MDMxNjM5NjgsImV4cCI6MjAxODczOTk2OH0.3XbsRytQ1rwWAdJ8am55ZpiOAvUe-qWxVii-Vnru9qo")},69751:function(){},66983:function(e){e.exports={container:"loadingSpinner_container__Wbkd2",spinner:"loadingSpinner_spinner__LF2BR",rotate:"loadingSpinner_rotate__k7cPY"}},79775:function(e){e.exports={adminBtnWrap:"commentAdminBtn_adminBtnWrap__G7MsV",updateBtn:"commentAdminBtn_updateBtn___uiRi",deleteBtn:"commentAdminBtn_deleteBtn__Q32Wt",divice:"commentAdminBtn_divice__ikmNy"}},15327:function(e){e.exports={container:"detailLayout_container__O1cov",mainWrap:"detailLayout_mainWrap__x4UEK",optionWrap:"detailLayout_optionWrap__birsm"}},31143:function(e){e.exports={container:"detailPage_container__VnBBr",title:"detailPage_title__RrGXr",infoWrap:"detailPage_infoWrap__qpVZY",contentInfoWrap:"detailPage_contentInfoWrap__yb8Om",dot:"detailPage_dot__h_mjB",adimBtnWrap:"detailPage_adimBtnWrap__e4ZAr",line:"detailPage_line___JB3R",viewerWrap:"detailPage_viewerWrap__ZGnRf",optionContainer:"detailPage_optionContainer__jLbpk",optionMeetingContainer:"detailPage_optionMeetingContainer__9nvKb",optionBuyingContainer:"detailPage_optionBuyingContainer__RrvZA",optionItemWrap:"detailPage_optionItemWrap__YZVA5",optionItemTitle:"detailPage_optionItemTitle__oMQ60",optionItemContent:"detailPage_optionItemContent__SwbqB",commentWrapper:"detailPage_commentWrapper__eX1y_",commentHeader:"detailPage_commentHeader__szn4C",commentCount:"detailPage_commentCount__6la7j",commentCountLength:"detailPage_commentCountLength__y_IIS",commentSortWrap:"detailPage_commentSortWrap__YRw9L",commentCreateWrap:"detailPage_commentCreateWrap__Hk_9S",commentEditorBtnWrap:"detailPage_commentEditorBtnWrap__E69ZR",commentCreateBoxWrap:"detailPage_commentCreateBoxWrap__9He3c",commnetWrap:"detailPage_commnetWrap__CZV2g",commentInfoWrap:"detailPage_commentInfoWrap__x1Ijw",commentContentWrap:"detailPage_commentContentWrap__QkKKV",contentBtnWrap:"detailPage_contentBtnWrap__KLfdM",optiondivice:"detailPage_optiondivice__VSLiS",dropdown:"detailPage_dropdown__IiFAq",dropdownMenu:"detailPage_dropdownMenu__d2qOu",dropdownMenuWrapper:"detailPage_dropdownMenuWrapper__W10Y4",editBtn:"detailPage_editBtn__o6GlX",editIcon:"detailPage_editIcon__Uudgm",deleteIcon:"detailPage_deleteIcon__XUNZO",moreIconHover:"detailPage_moreIconHover__Byqu0",moreIconActive:"detailPage_moreIconActive__FzFHq",dropdownIconHover:"detailPage_dropdownIconHover__YNoZD",viewBtnWrap:"detailPage_viewBtnWrap__KbmlM",likeBtn:"detailPage_likeBtn__CotQR",shareBtn:"detailPage_shareBtn__jx4cz",likeBtnWrap:"detailPage_likeBtnWrap__d8r4K",stateBtnWrapper:"detailPage_stateBtnWrapper__ZFNvO",stateBtnWrap:"detailPage_stateBtnWrap__MV_zu",shareBtnWrap:"detailPage_shareBtnWrap__64zOL",likeCountText:"detailPage_likeCountText__a10Wb",stateBtnText:"detailPage_stateBtnText__A1d5D",shareText:"detailPage_shareText__98EZf",iconsStyle:"detailPage_iconsStyle__GfqFD",commentInput:"detailPage_commentInput___NZ1s",commentBtnWrapper:"detailPage_commentBtnWrapper__uWGGh",cancelBtn:"detailPage_cancelBtn__8Gz44",updateBtn:"detailPage_updateBtn__Ibb2W",commentInputCount:"detailPage_commentInputCount__ISUEr",commentInputCountTxt:"detailPage_commentInputCountTxt__o1twj",commentListWrapper:"detailPage_commentListWrapper__xpndg",commentListUserSelection:"detailPage_commentListUserSelection__ogy9C",commentListUserName:"detailPage_commentListUserName__O6zAU",divice:"detailPage_divice__i0Mmv",commentListDate:"detailPage_commentListDate__fsRIh",commentModifyWrapper:"detailPage_commentModifyWrapper__d354i",commnetModifyInput:"detailPage_commnetModifyInput__h0h0_",OptionaccordionContainer:"detailPage_OptionaccordionContainer__sbe6g",noCommnetWrapper:"detailPage_noCommnetWrapper__MneKK",noCommentWrap:"detailPage_noCommentWrap__vtbQO",noCommnetTxtWrap:"detailPage_noCommnetTxtWrap__J1RPI",noCommentTxt:"detailPage_noCommentTxt__dk1em"}},5300:function(e,t,n){"use strict";n.r(t),t.default={src:"/_next/static/media/heartIcon.e434c0ee.png",height:24,width:24,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAG1BMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACalcoGAAAACXRSTlMAiwlmcj2BUSDPagUAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAL0lEQVR4nBWIxxEAMAyDkOWS/SfOiRfAaKXVoOI9SiwFhXIg5xzpgza4U+54mAE+FAcAfcmwgVwAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8}},24606:function(e,t,n){"use strict";n.r(t),t.default={src:"/_next/static/media/noComment.b7d99484.png",height:24,width:24,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAHlBMVEXO1Nrd3d3O1NrO1NrOzt3N09nN0tnL0dfN09nW3eOxio6iAAAACXRSTlPHAf29EO5sgfRPUKLOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAMElEQVR4nE3JwQ0AIAzDQDdtgey/MA9A4l6WDJYkgy+cAPmF3pK7u1fiGVVVwYhjAy3UAS2o+HN2AAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},10808:function(e,t,n){"use strict";n.r(t),t.default={src:"/_next/static/media/shareIcon.07b301e9.png",height:36,width:36,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMChiNDPZ1oYeB0ZKsAAAAJcEhZcwAACxMAAAsTAQCanBgAAAArSURBVHicY2AAARZGRjDNwMrMyMDEzMTGyMzGzMDIzsoEFoUz4FJwxTDtAA/yAHGLPuE6AAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},16691:function(e,t,n){e.exports=n(67447)},61396:function(e,t,n){e.exports=n(25250)},24033:function(e,t,n){e.exports=n(15313)},91623:function(e,t){"use strict";t.J=void 0,t.J=(e={})=>{if("undefined"==typeof window)return{persistAtom:()=>{}};let{key:t="recoil-persist",storage:n=localStorage,converter:a=JSON}=e,i=(e,t,n,a)=>{a?delete t[n]:t[n]=e,A(t)},o=()=>{let e=n.getItem(t);return null==e?{}:"string"==typeof e?r(e):"function"==typeof e.then?e.then(r):{}},r=e=>{if(void 0===e)return{};try{return a.parse(e)}catch(e){return console.error(e),{}}},A=e=>{try{"function"==typeof n.mergeItem?n.mergeItem(t,a.stringify(e)):n.setItem(t,a.stringify(e))}catch(e){console.error(e)}};return{persistAtom:({onSet:e,node:t,trigger:n,setSelf:a})=>{if("get"===n){let e=o();"function"==typeof e.then&&e.then(e=>{e.hasOwnProperty(t.key)&&a(e[t.key])}),e.hasOwnProperty(t.key)&&a(e[t.key])}e(async(e,n,a)=>{let r=o();"function"==typeof r.then?r.then(n=>i(e,n,t.key,a)):i(e,r,t.key,a)})}}}}}]);