(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{122:function(e,t,n){e.exports=n.p+"static/media/sampleImage.ea448c11.jpg"},146:function(e,t,n){e.exports=n(190)},150:function(e,t,n){},181:function(e,t){},182:function(e,t){},183:function(e,t){},190:function(e,t,n){"use strict";n.r(t);var a,r=n(0),o=n.n(r),c=n(22),i=n.n(c),l=(n(150),n(42)),u=n(29),s=n(59),m=n(37),p=n(2),f=n(14),d=n(3),b=n(6),g=n(5),O=n.n(g),E=n(7),h=n(238),j=n(233),v=n(10),w=Object(h.a)("loading/START_LOADING",function(e){return e}),x=Object(h.a)("loading/FINISH_LOADING",function(e){return e}),y=Object(j.a)((a={},Object(d.a)(a,"loading/START_LOADING",function(e,t){return Object(b.a)({},e,Object(d.a)({},t.payload,!0))}),Object(d.a)(a,"loading/FINISH_LOADING",function(e,t){return Object(b.a)({},e,Object(d.a)({},t.payload,!1))}),a),{}),k=function(e){return[e,"".concat(e,"_SUCCESS"),"".concat(e,"_FAILURE")]};function I(e,t){var n="".concat(e,"_SUCCESS"),a="".concat(e,"_FAILURE");return O.a.mark(function r(o){var c;return O.a.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,Object(v.b)(t,o.payload);case 2:return c=r.sent,r.next=5,Object(v.c)(w(e));case 5:if(!c.message){r.next=10;break}return r.next=8,Object(v.c)({type:a,payload:c.message,error:c.message});case 8:r.next=12;break;case 10:return r.next=12,Object(v.c)({type:n,payload:c.data});case 12:return r.next=14,Object(v.c)(x(e));case 14:case"end":return r.stop()}},r)})}var S,_=n(20),N=n.n(_),C="http://languagetogethers3.eba-d2wkmamp.ap-northeast-2.elasticbeanstalk.com",L="https://languagetogetherimage.s3.ap-northeast-2.amazonaws.com/static/",T=function(e){return N.a.get(C+e).then(function(e){return e}).catch(function(e){return e})},A=function(){return N.a.get(C+"/api/minilist/").then(function(e){return e}).catch(function(e){return e})},F=function(e){return N.a.get(C+e).then(function(e){return e}).catch(function(e){return e})},R=function(e){var t=e.id,n=e.title,a=e.content;return N.a.patch(C+"/api/posts/".concat(t,"/"),{title:n,content:a}).then(function(e){return e})},P=function(){return N.a.get(C+"/api/numlike/?page=1").then(function(e){return e}).catch(function(e){return e})},z=O.a.mark(J),D=k("minipost/MINIPOST_POSTS"),G=Object(E.a)(D,3),B=G[0],M=G[1],U=G[2],H=k("minipost/CLEAR_NEXT"),Z=k("minipost/ART_NEXT"),W=Object(h.a)(B,function(e){return e}),Y=(Object(h.a)(H),Object(h.a)(Z,function(e){return e}));function J(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(B,I(B,F));case 2:case"end":return e.stop()}},z)}var q,X=Object(j.a)((S={},Object(d.a)(S,M,function(e,t){var n=t.payload;return Object(b.a)({},e,{minipost:e.minipost.concat(n.results),next:n.next})}),Object(d.a)(S,U,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(S,H,function(e){return Object(b.a)({},e,{next:""})}),Object(d.a)(S,Z,function(e,t){var n=t.payload;return Object(b.a)({},e,{nextPage:e.nextPage.concat(n)})}),S),{minipost:[],next:"",error:null,nextPage:[]}),K=O.a.mark(re),V=k("post/MINILIST_POSTS"),$=Object(E.a)(V,3),Q=$[0],ee=$[1],te=$[2],ne=k("post/CLEAR_NEXT"),ae=Object(h.a)(Q,function(e){return e});Object(h.a)(ne);function re(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Q,I(Q,A));case 2:case"end":return e.stop()}},K)}var oe,ce=Object(j.a)((q={},Object(d.a)(q,ee,function(e,t){var n=t.payload;return Object(b.a)({},e,{minilist:e.minilist.concat(n.results),next:n.next})}),Object(d.a)(q,te,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(q,ne,function(e){return Object(b.a)({},e,{next:""})}),q),{minilist:[],next:"",error:null}),ie=function(e){var t=e.username,n=e.password;return N.a.post(C+"/api/auth/login/",{username:t,password:n}).then(function(e){return e}).catch(function(e){return e})},le=function(e){var t=e.username,n=e.email,a=e.password;return N.a.post(C+"/api/auth/register/",{username:t,email:n,password:a}).then(function(e){return e}).catch(function(e){return console.log(e),e})},ue=function(e){var t=e.username,n=e.nickname,a=e.email,r=e.user,o=e.user_image;return N.a.post(C+"/api/profile/",{username:t,nickname:n,email:a,user:r,user_image:o}).then(function(e){return e}).catch(function(e){return e})},se=function(e){var t=e.user,n=e.nickname,a=e.description,r=e.user_image;return N.a.patch(C+"/api/profile/".concat(t,"/"),{nickname:n,description:a,user_image:r}).then(function(e){return e})},me=function(){var e={"Content-Type":"application/json"},t=JSON.parse(localStorage.getItem("token"));return e.Authorization="Token ".concat(t),N.a.get(C+"/api/auth/user/",{headers:e}).then(function(e){return e}).catch(function(e){return e})},pe=function(){var e={"Content-Type":"application/json"},t=JSON.parse(localStorage.getItem("token"));return e.Authorization="Token ".concat(t),N()(C+"/api/auth/logout/",{headers:e,body:"",method:"post"})},fe=function(){return N.a.get(C+"/api/bestcount/").then(function(e){return e}).catch(function(e){return e})},de=O.a.mark(xe),be=k("profile/READ_PROFILE"),ge=Object(E.a)(be,3),Oe=ge[0],Ee=ge[1],he=ge[2],je=Object(h.a)(Oe,function(e){return e}),ve=Object(h.a)("profile/UNLOAD_PROFILE"),we=I(Oe,function(e){return N.a.get(C+"/api/profile/".concat(e)).then(function(e){return e}).catch(function(e){return e})});function xe(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Oe,we);case 2:case"end":return e.stop()}},de)}var ye,ke={profile:null,error:null},Ie=Object(j.a)((oe={},Object(d.a)(oe,Ee,function(e,t){var n=t.payload;return Object(b.a)({},e,{profile:n})}),Object(d.a)(oe,he,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(oe,"profile/UNLOAD_PROFILE",function(){return ke}),oe),ke),Se=O.a.mark(Re),_e=k("award/AWARD_POST"),Ne=Object(E.a)(_e,3),Ce=Ne[0],Le=Ne[1],Te=Ne[2],Ae=k("award/CREAR"),Fe=Object(h.a)(Ce);Object(h.a)(Ae);function Re(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Ce,I(Ce,P));case 2:case"end":return e.stop()}},Se)}var Pe,ze,De={award:null,error:null},Ge=Object(j.a)((ye={},Object(d.a)(ye,Le,function(e,t){var n=t.payload;return Object(b.a)({},e,{award:n})}),Object(d.a)(ye,Te,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(ye,Ae,function(e){return De}),ye),De),Be=Object(E.a)("opener/OPENPOST",1)[0],Me=Object(h.a)(Be,function(e){return e}),Ue=Object(h.a)("opener/UNLOAD_OPENPOST"),He={openpost:null,error:null},Ze=Object(j.a)((Pe={},Object(d.a)(Pe,Be,function(e,t){var n=t.payload;return Object(b.a)({},e,{openpost:n})}),Object(d.a)(Pe,"opener/UNLOAD_OPENPOST",function(){return He}),Pe),He),We=Object(E.a)("position/POSITION",1)[0],Ye=Object(h.a)(We,function(e){return e}),Je=(Object(h.a)("position/UNLOAD_POSITION"),{position:null,error:null}),qe=Object(j.a)((ze={},Object(d.a)(ze,We,function(e,t){var n=t.payload;return Object(b.a)({},e,{position:n})}),Object(d.a)(ze,"position/UNLOAD_POSITION",function(){return Je}),ze),Je),Xe=n(84),Ke=n(64);Object(m.d)({MapControls:s.a,OrbitControls:s.b});var Ve=1600,$e=function(e){var t=e.number,n=Object(r.useState)(),a=Object(E.a)(n,2),c=a[0],i=a[1];return Object(r.useEffect)(function(){(new Xe.a).load("/square/gallery.gltf",i)},[]),c?o.a.createElement("mesh",{position:[200,-200,1600*(t-1)]},o.a.createElement("primitive",{object:c.scene,receiveShadow:!0})):null},Qe=function(){var e=Object(r.useState)(),t=Object(E.a)(e,2),n=t[0],a=t[1];return Object(r.useEffect)(function(){(new Xe.a).load("/square/wall.gltf",a)},[]),n?o.a.createElement("mesh",{position:[170,-200,-350]},o.a.createElement("primitive",{object:n.scene,receiveShadow:!0})):null},et=function(e){var t=e.postId,n=e.image_file,a=e.onPush,c=e.realId,i=e.ratio,l=Object(r.useState)(!1),u=Object(E.a)(l,2),s=u[0],m=u[1],f=Object(r.useMemo)(function(){return(new p.TextureLoader).setCrossOrigin("").load(n)},[n]),d=parseInt(t/6),b=t%6,g=Object(Ke.b)({scale:s?[1.5,1.5,1.5]:[1,1,1]});if(!i)return null;var O=0===b?[-470,-220,Ve*d]:1===b?[-470,-220,730+Ve*d]:2===b?[-80,-220,Ve*d-180]:3===b?[450,-220,Ve*d-180]:4===b?[770,-220,Ve*d]:5===b?[770,-220,730+Ve*d]:void 0,h=0===b?[-475,-220,Ve*d]:1===b?[-475,-220,730+Ve*d]:2===b?[-80,-220,Ve*d-180-5]:3===b?[450,-220,Ve*d-180-5]:4===b?[775,-220,Ve*d]:5===b?[775,-220,730+Ve*d]:void 0,j=0===b?[10,120,120*i]:1===b?[10,120,120*i]:2===b?[120*i,120,5]:3===b?[120*i,120,5]:4===b?[10,120,120*i]:5===b?[10,120,120*i]:void 0,v=0===b?[5,130,120*i+10]:1===b?[5,130,120*i+10]:2===b?[120*i+10,130,5]:3===b?[120*i+10,130,5]:4===b?[5,130,120*i+10]:5===b?[5,130,120*i+10]:void 0;return O&&j&&v&&h&&f&&n?o.a.createElement(o.a.Fragment,null,o.a.createElement(Ke.a.mesh,{position:[O[0],O[1],O[2]],onClick:function(){return a(t)},onPointerOver:function(){return m(!0)},onPointerOut:function(){return m(!1)},scale:g.scale},o.a.createElement("boxBufferGeometry",{attach:"geometry",args:[j[0],j[1],j[2]]}),o.a.createElement(Ke.a.meshBasicMaterial,{attach:"material",map:f})),o.a.createElement(Ke.a.mesh,{position:[h[0],h[1],h[2]],onClick:function(){return a(c)},onPointerOver:function(){return m(!0)},onPointerOut:function(){return m(!1)},scale:g.scale,castShadow:!0,receiveShadow:!0},o.a.createElement("boxBufferGeometry",{attach:"geometry",args:[v[0],v[1],v[2]],map:f}),o.a.createElement(Ke.a.meshBasicMaterial,{attach:"material",color:"black"}))):null},tt=function(){var e=Object(r.useState)(),t=Object(E.a)(e,2),n=t[0],a=t[1];return Object(r.useEffect)(function(){(new Xe.a).load("/square/museum.gltf",a)},[]),n?o.a.createElement("mesh",{position:[170,700,-350]},o.a.createElement("primitive",{object:n.scene,receiveShadow:!0})):null};Object(m.d)({MapControls:s.a,OrbitControls:s.b});var nt="/api/posts/?page=";var at,rt=Object(l.e)(function(){var e=Object(f.b)(),t=Object(f.c)(function(e){var t=e.minipost,n=e.position;return{error:t.error,next:t.next,minipost:t.minipost,artnext:t.nextPage,position:n.position}}),n=t.next,a=t.minipost,c=t.artnext,i=t.position;if(Object(r.useEffect)(function(){e(je(parseInt(localStorage.getItem("user_id")))),e(ae()),e(Fe()),localStorage.setItem("Card","List")},[e]),Object(r.useEffect)(function(){"last"!==localStorage.getItem("nexts")&&(e(W(nt+"1")),e(Y(1)),e(Fe()))},[e]),null===n)localStorage.setItem("nexts","last"),localStorage.setItem("nextPage",1e35);else{var l=n.split(nt)[1],s=nt+l;localStorage.setItem("nexts",s),localStorage.setItem("nextPage",parseInt(l))}var d=new Set(c);d.delete(NaN);var b=Object(u.a)(d);return Object(r.useEffect)(function(){e(Ye({positionX:600,positionY:2600,positionZ:1e3}))},[e]),i?o.a.createElement(o.a.Fragment,null,o.a.createElement(m.a,{camera:{position:[i.positionX,i.positionY,i.positionZ],far:1e4}},o.a.createElement(function(t){var n=t.positionX,a=t.positionY,c=t.positionZ,i=Object(r.useRef)(),l=Object(m.g)(),u=l.camera,s=l.gl;return Object(r.useEffect)(function(){u.position.x=n,u.position.y=a,u.position.z=c},[n,a,c,u.position.x,u.position.y,u.position.z]),Object(m.f)(function(){i.current.update();var t=localStorage.getItem("nexts"),n=localStorage.getItem("nextPage");u.position.z<(n-1)*Ve&&u.position.z>(n-1)*Ve-150&&(localStorage.removeItem("nexts"),localStorage.removeItem("nextPage"),e(W(t)),e(Y(parseInt(n))))}),o.a.createElement("mapControls",{args:[u,s.domElement],ref:i})},{positionX:i.positionX,positionY:i.positionY,positionZ:i.positionZ}),o.a.createElement("ambientLight",{castShadow:!0}),o.a.createElement("mesh",{visible:!0,userData:{test:"hello"},position:new p.Vector3(1,2,3),rotation:new p.Euler(0,0,0),geometry:new p.SphereGeometry(1,16,16),material:new p.MeshBasicMaterial({color:new p.Color("hotpink"),transparent:!0})}),o.a.createElement("mesh",null,o.a.createElement(Qe,null)),o.a.createElement("mesh",null,o.a.createElement(tt,null)),o.a.createElement("mesh",null,b&&b.map(function(e,t){return o.a.createElement($e,{attach:"material",number:e,key:t})})),o.a.createElement(r.Suspense,{fallback:null},o.a.createElement("mesh",null,a&&a.map(function(t,n){return o.a.createElement(et,{key:n,postId:n,realId:t.id,ratio:1,image_file:t.image_file,onPush:function(){return n=t.id,void e(Me(n));var n}})}))))):null}),ot=function(){return o.a.createElement(rt,null)},ct=n(18),it=O.a.mark(Ot),lt=O.a.mark(Et),ut="user/CHECK",st="user/CHECK_FAILURE",mt="user/LOGOUT",pt=Object(h.a)("user/TEMP_SET_USER",function(e){return e}),ft=Object(h.a)(ut),dt=Object(h.a)(mt),bt=I(ut,me);function gt(){try{localStorage.removeItem("user"),localStorage.removeItem("token"),localStorage.removeItem("current_user")}catch(e){console.log("localStorage is not working")}}function Ot(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(v.b)(pe);case 3:localStorage.clear(),e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),console.log(e.t0);case 9:case"end":return e.stop()}},it,null,[[0,6]])}function Et(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(ut,bt);case 2:return e.next=4,Object(v.d)(st,gt);case 4:return e.next=6,Object(v.d)(mt,Ot);case 6:case"end":return e.stop()}},lt)}var ht,jt,vt=Object(j.a)((at={},Object(d.a)(at,"user/TEMP_SET_USER",function(e,t){var n=t.payload;return Object(b.a)({},e,{user:n})}),Object(d.a)(at,ut,function(e,t){var n=t.payload;return Object(b.a)({},e,{user:n,checkError:null})}),Object(d.a)(at,"user/CHECK_SUCCESS",function(e,t){var n=t.payload;return Object(b.a)({},e,{user:n,checkError:null})}),Object(d.a)(at,st,function(e,t){var n=t.payload;return Object(b.a)({},e,{user:null,checkError:n})}),Object(d.a)(at,mt,function(e){return Object(b.a)({},e,{user:null})}),at),{user:null,checkError:null}),wt=Object(E.a)("opener/OPENER",1)[0],xt=Object(h.a)(wt,function(e){return e}),yt=(Object(h.a)("opener/UNLOAD_OPENER"),{opener:null,error:null}),kt=Object(j.a)((ht={},Object(d.a)(ht,wt,function(e,t){var n=t.payload;return Object(b.a)({},e,{opener:n})}),Object(d.a)(ht,"opener/UNLOAD_OPENER",function(){return yt}),ht),yt),It=O.a.mark(Pt),St=k("myprofile/READ_MYPROFILE"),_t=Object(E.a)(St,3),Nt=_t[0],Ct=_t[1],Lt=_t[2],Tt=Object(h.a)(Nt,function(e){return e}),At=Object(h.a)("myprofile/SET_MYPROFILE",function(e){return e}),Ft=Object(h.a)("myprofile/UNLOAD_MYPROFILE"),Rt=I(Nt,function(e){return N.a.get(C+"/api/profile/".concat(e)).then(function(e){return e}).catch(function(e){return e})});function Pt(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Nt,Rt);case 2:case"end":return e.stop()}},It)}var zt,Dt={myprofile:null,error:null},Gt=Object(j.a)((jt={},Object(d.a)(jt,Ct,function(e,t){var n=t.payload;return Object(b.a)({},e,{myprofile:n})}),Object(d.a)(jt,Lt,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(jt,"myprofile/SET_MYPROFILE",function(e,t){var n=t.payload;return Object(b.a)({},e,{myprofile:n})}),Object(d.a)(jt,"myprofile/UNLOAD_MYPROFILE",function(){return Dt}),jt),Dt),Bt=n(78),Mt=O.a.mark(sn),Ut=k("auth/REGISTER"),Ht=Object(E.a)(Ut,3),Zt=Ht[0],Wt=Ht[1],Yt=Ht[2],Jt=k("auth/PROFILE"),qt=Object(E.a)(Jt,1)[0],Xt=k("auth/LOGIN"),Kt=Object(E.a)(Xt,3),Vt=Kt[0],$t=Kt[1],Qt=Kt[2],en=Object(h.a)("auth/CHANGE_FIELD",function(e){return{form:e.form,key:e.key,value:e.value}}),tn=Object(h.a)("auth/INITIALIZE_FORM",function(e){return e}),nn=Object(h.a)("auth/INITIALIZE_AUTH"),an=Object(h.a)(Zt,function(e){return{username:e.username,email:e.email,password:e.password}}),rn=Object(h.a)(qt,function(e){return{username:e.username,nickname:e.nickname,email:e.email,user:e.user}}),on=Object(h.a)(Vt,function(e){return{username:e.username,password:e.password}}),cn=I(Zt,le),ln=I(qt,ue),un=I(Vt,ie);function sn(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Zt,cn);case 2:return e.next=4,Object(v.d)(Vt,un);case 4:return e.next=6,Object(v.d)(qt,ln);case 6:case"end":return e.stop()}},Mt)}var mn={register:{username:"",email:"",password:""},login:{username:"",password:""},auth:null,authError:null},pn=Object(j.a)((zt={},Object(d.a)(zt,"auth/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.form,r=n.key,o=n.value;return Object(Bt.a)(e,function(e){e[a][r]=o})}),Object(d.a)(zt,"auth/INITIALIZE_AUTH",function(e){return Object(b.a)({},e,{auth:null})}),Object(d.a)(zt,"auth/INITIALIZE_FORM",function(e,t){var n,a=t.payload;return Object(b.a)({},e,(n={},Object(d.a)(n,a,mn[a]),Object(d.a)(n,"authError",null),n))}),Object(d.a)(zt,Wt,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:null,auth:n})}),Object(d.a)(zt,Yt,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:n})}),Object(d.a)(zt,$t,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:null,auth:n})}),Object(d.a)(zt,Qt,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:n})}),zt),mn),fn=n(9),dn=n(123),bn=n(41),gn=n(235),On=n(228),En=n(229),hn=n(239),jn=n(230),vn=n(126),wn=n.n(vn),xn=n(127),yn=n.n(xn),kn=n(128),In=n.n(kn),Sn=n(236),_n=n(19),Nn=n(116),Cn=n.n(Nn);n(177);function Ln(){var e=Object(ct.a)(["\n color: white;\n"]);return Ln=function(){return e},e}function Tn(){var e=Object(ct.a)(["\n box-sizing: border-box;\n border-style: solid;\n\n border-image-slice: 1;\n color: white;\n .ql-editor {\n padding: 0;\n min-height: 320px;\n font-size: 1rem;\n line-height: 1.5;\n }\n .ql-editor.ql-blank::before {\n left: 0px;\n font-style: normal;\n color: rgb(31, 31, 36);\n }\n"]);return Tn=function(){return e},e}function An(){var e=Object(ct.a)(["\n font-size: 1rem;\n outline: none;\n padding-bottom: 0.5rem;\n margin-bottom: 1rem;\n width: 100%;\n box-sizing: border-box;\n border-style: solid;\n border-image-slice: 1;\n background: none;\n border-color: white;\n color: white;\n"]);return An=function(){return e},e}var Fn,Rn=_n.a.input(An()),Pn=_n.a.div(Tn()),zn=_n.a.div(Ln()),Dn=function(e){var t=e.onChangeField,n=Object(r.useRef)(null),a=Object(r.useRef)(null);return Object(r.useEffect)(function(){a.current=new Cn.a(n.current,{theme:"bubble",modules:{toolbar:[[{header:"1"},{header:"2"}],["bold","italic","underline","strike"],[{list:"ordered"},{list:"bullet"}],["blockquote","code-block","link","image"]]}});var e=a.current;e.on("text-change",function(n,a,r){"user"===r&&t({key:"content",value:e.root.innerHTML})})},[t]),o.a.createElement(o.a.Fragment,null,o.a.createElement("p",null,"\ucee8\ud150\uce20"),o.a.createElement(Pn,{ref:n}))},Gn=function(e){var t=e.title,n=e.onChangeField;return Object(r.useEffect)(function(){n({key:"username",value:localStorage.getItem("current_user")}),n({key:"profileid",value:localStorage.getItem("user_id")})},[n]),o.a.createElement(zn,null,o.a.createElement("p",null,"\uc81c\ubaa9"),o.a.createElement(Rn,{onChange:function(e){n({key:"title",value:e.target.value})},value:t}),o.a.createElement(Bn,{onChangeField:n}),o.a.createElement("p",null,"\ub0b4\uc6a9"),o.a.createElement(Dn,{onChangeField:n}))},Bn=function(e){var t=e.onChangeField,n=Object(r.useState)(""),a=Object(E.a)(n,2),c=a[0],i=a[1],l=Object(r.useState)(null),u=Object(E.a)(l,2),s=(u[0],u[1]),m=Object(r.useState)(!1),p=Object(E.a)(m,2),f=(p[0],p[1]),d=function(e){var n=new FileReader;n.onloadend=function(e){var a=n.result;a&&(a.length<=5242880?(f(!1),i(a.toString()),t({key:"image_file",value:a.toString()})):f(!0))},e.target.files[0]&&(n.readAsDataURL(e.target.files[0]),s(e.target.files[0]))};return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"input_item"},o.a.createElement("p",{className:"input_title"},"\uc774\ubbf8\uc9c0")),o.a.createElement("div",{className:"img_upload"},o.a.createElement("div",{className:"img_preview"},c?o.a.createElement("img",{src:c,onClick:function(){i(""),s(null)},style:{width:"400px"},alt:"smallimagein"}):o.a.createElement("img",{src:"/defaultimage.png",style:{width:"400px"},alt:"smallimage"})),o.a.createElement("div",{className:"img_add"},o.a.createElement("p",{onChange:d},"\uc774\ubbf8\uc9c0 \ucd94\uac00"),o.a.createElement("input",{type:"file",name:"imgFile",id:"ex_file",className:"ex_file",onChange:d}))))},Mn=O.a.mark(Vn),Un=k("write/WRITE_POST"),Hn=Object(E.a)(Un,3),Zn=Hn[0],Wn=Hn[1],Yn=Hn[2],Jn=Object(h.a)("write/INITIALIZE"),qn=Object(h.a)("write/CHANGE_FIELD",function(e){return{key:e.key,value:e.value}}),Xn=Object(h.a)(Zn,function(e){var t=e.title,n=e.content;return{title:t,YouTube:e.YouTube,content:n,username:e.username,profileid:e.profileid,category:e.category,image_file:e.image_file}}),Kn=I(Zn,function(e){var t,n,a,r,o;return O.a.async(function(c){for(;;)switch(c.prev=c.next){case 0:return t=e.title,n=e.content,a=e.profileid,r=e.category,o=e.image_file,c.abrupt("return",N.a.post(C+"/api/posts/",{title:t,content:n,profileid:a,category:r,image_file:o}).then(function(e){return e}).catch(function(e){return localStorage.setItem("write_err",e),e}));case 2:case"end":return c.stop()}})});function Vn(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Zn,Kn);case 2:case"end":return e.stop()}},Mn)}var $n={title:"",content:"",YouTube:"",username:"",profileid:"",category:"",image_file:"",post:null,postError:null},Qn=Object(j.a)((Fn={},Object(d.a)(Fn,"write/INITIALIZE",function(e){return $n}),Object(d.a)(Fn,"write/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.key,r=n.value;return Object(b.a)({},e,Object(d.a)({},a,r))}),Object(d.a)(Fn,Zn,function(e){return Object(b.a)({},e,{post:null,postError:null})}),Object(d.a)(Fn,Wn,function(e,t){var n=t.payload;return Object(b.a)({},e,{post:n})}),Object(d.a)(Fn,Yn,function(e,t){var n=t.payload;return Object(b.a)({},e,{postError:n})}),Fn),$n);function ea(){var e=Object(ct.a)(["\n text-align: center;\n .title {\n font-size: 30px;\n color: white;\n padding: 20px;\n text-shadow: 2px 2px 20px white;\n animation: blink 1.5s ease-in-out infinite alternate;\n\n @keyframes blink {\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n }\n }\n .description {\n font-size: 15px;\n color: white;\n padding: 20px;\n }\n"]);return ea=function(){return e},e}var ta=_n.a.div(ea()),na=function(){var e=Object(f.b)(),t=Object(f.c)(function(e){var t=e.write;return{title:t.title,content:t.content,postError:t.postError}}),n=t.title,a=t.content,c=t.postError,i=Object(r.useCallback)(function(t){return e(qn(t))},[e]);return Object(r.useEffect)(function(){return function(){e(Jn())}},[e]),localStorage.getItem("current_user")?o.a.createElement(o.a.Fragment,null,o.a.createElement(ta,null,o.a.createElement("h1",{className:"title"},"\uae00\uc4f0\uae30"),o.a.createElement("hr",null),o.a.createElement("h1",{className:"description"},"\ub2e4\uc591\ud55c \ub3c4\uad6c\ub85c \uadf8\ub9b0 \uadf8\ub9bc\uc744 \uc804\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.")),o.a.createElement(Gn,{onChangeField:i,title:n,content:a})):o.a.createElement(o.a.Fragment,null,c)},aa=n(217),ra=n(237),oa=Object(ra.a)(aa.a)({background:"linear-gradient(45deg, #8E2DE2 30%, #4A00E0 90%)",border:0,borderRadius:3,boxShadow:"0 3px 5px 2px rgba(0, 0, 0, .3)",color:"white",padding:"0 10px",margin:"10px",height:40}),ca=function(e){var t=e.onPublish;return o.a.createElement("div",{style:{marginTop:"20px",marginBottom:"120px"}},o.a.createElement(oa,{onClick:t},"\uadf8\ub9ac\uae30"))},ia=Object(l.e)(function(e){var t=e.history,n=(e.match,Object(f.b)()),a=Object(f.c)(function(e){var t=e.write;return{title:t.title,content:t.content,YouTube:t.YouTube,username:t.username,profileid:t.profileid,post:t.post,portError:t.postError,category:t.category,image_file:t.image_file}}),c=a.title,i=a.YouTube,l=a.content,u=a.username,s=a.profileid,m=a.post,p=a.postError,d=a.category,b=a.image_file,g=Object(r.useCallback)(function(e){return n(qn(e))},[n]);Object(r.useEffect)(function(){g({key:"category",value:"gallery"})},[g]);return Object(r.useEffect)(function(){if(m){var e=m.id;t.push("/post/".concat(e))}p&&console.log(p)},[t,m,p]),o.a.createElement(ca,{onPublish:function(){n(Xn({title:c,YouTube:i,content:l,username:u,profileid:s,category:d,image_file:b}))},onCancel:function(){t.goBack()}})}),la=function(){return o.a.createElement(o.a.Fragment,null,o.a.createElement(na,null),o.a.createElement(ia,null))},ua=n(57),sa=(n(178),n(120)),ma=n.n(sa),pa=n(86),fa=n.n(pa),da=n(121),ba=n.n(da),ga=n(95),Oa=n.n(ga),Ea=n(122),ha=n.n(Ea),ja={"common.bi.image":"https://uicdn.toast.com/toastui/img/tui-image-editor-bi.png","common.bisize.width":"251px","common.bisize.height":"21px","common.backgroundImage":"none","common.backgroundColor":"#1e1e1e","common.border":"0px","header.backgroundImage":"none","header.backgroundColor":"transparent","header.border":"0px","loadButton.backgroundColor":"#fff","loadButton.border":"1px solid #ddd","loadButton.color":"#222","loadButton.fontFamily":"NotoSans, sans-serif","loadButton.fontSize":"12px","downloadButton.backgroundColor":"#fdba3b","downloadButton.border":"1px solid #fdba3b","downloadButton.color":"#fff","downloadButton.fontFamily":"NotoSans, sans-serif","downloadButton.fontSize":"12px","menu.normalIcon.path":ba.a,"menu.normalIcon.name":"icon-b","menu.activeIcon.path":fa.a,"menu.activeIcon.name":"icon-a","menu.iconSize.width":"24px","menu.iconSize.height":"24px","menu.disabledIcon.path":fa.a,"menu.hoverIcon.path":Oa.a,"submenu.backgroundColor":"#1e1e1e","submenu.partition.color":"#858585","submenu.normalIcon.path":fa.a,"submenu.normalIcon.name":"icon-a","submenu.activeIcon.path":Oa.a,"submenu.activeIcon.name":"icon-c","submenu.iconSize.width":"32px","submenu.iconSize.height":"32px","submenu.normalLabel.color":"#858585","submenu.normalLabel.fontWeight":"lighter","submenu.activeLabel.color":"#fff","submenu.activeLabel.fontWeight":"lighter","checkbox.border":"1px solid #ccc","checkbox.backgroundColor":"#fff","range.pointer.color":"#fff","range.bar.color":"#666","range.subbar.color":"#d1d1d1","range.value.color":"#fff","range.value.fontWeight":"lighter","range.value.fontSize":"11px","range.value.border":"1px solid #353535","range.value.backgroundColor":"#151515","range.title.color":"#fff","range.title.fontWeight":"lighter","colorpicker.button.border":"1px solid #1e1e1e","colorpicker.title.color":"#fff"},va=function(){return o.a.createElement(ma.a,{includeUI:{loadImage:{path:ha.a,name:"SampleImage"},theme:ja,menu:["crop","flip","rotate","draw","shape","icon","text","mask","filter"],initMenu:"draw",uiSize:{width:"700px",height:"900px"},menuBarPosition:"bottom"},cssMaxHeight:500,cssMaxWidth:700,selectionStyle:{cornerSize:20,rotatingPointOffset:70,cornerColor:"blue",cornerStrokeColor:"#00a9ff",borderColor:"#00a9ff"},usageStatistics:!0})},wa=function(){return o.a.createElement("div",null,o.a.createElement(ta,null,o.a.createElement("h1",{className:"title"},"\uadf8\ub9bc \uadf8\ub9ac\uae30"),o.a.createElement("hr",null),o.a.createElement("h1",{className:"description"},"\uc0c8\ub85c\uc6b4 \uadf8\ub9bc\uc744 \uc0c9\uce60\ud574 \ubcf4\uc138\uc694. \ub2e4\uc591\ud55c \ub3c4\uad6c\ub85c \uc0c9\uce60\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.")),o.a.createElement("div",null,o.a.createElement(va,null)))},xa=n(24),ya=n(219),ka=function(e){var t=e.num;return o.a.createElement("div",{style:{width:"300px",height:"350px",overflow:"hidden",margin:"20px"}},o.a.createElement(xa.b,{to:L+"default/1+(".concat(t,").jpg"),target:"_blank",download:!0},o.a.createElement("img",{src:L+"default/1+(".concat(t,").jpg"),alt:"default"})))},Ia=function(){for(var e=[],t=1;t<=44;t++)e.push(t);return o.a.createElement(o.a.Fragment,null,o.a.createElement(ta,null,o.a.createElement("h1",{className:"title"},"\ubc11\uadf8\ub9bc"),o.a.createElement("hr",null),o.a.createElement("h1",{className:"description"},"\ubc11\uadf8\ub9bc\uc744 \ub2e4\uc6b4\ubc1b\uc544 \uc0c8\ub85c\uc6b4 \uadf8\ub9bc\uc744 \uc0c9\uce60\ud574 \ubcf4\uc138\uc694. \ud074\ub9ad\ud558\uba74 \ub2e4\uc6b4\ub85c\ub4dc\ub429\ub2c8\ub2e4.")),o.a.createElement(ya.a,{container:!0},e.map(function(e,t){return o.a.createElement(ya.a,{item:!0},o.a.createElement(ka,{num:e,key:t}))})))},Sa=function(){return o.a.createElement(o.a.Fragment,null,o.a.createElement(Ia,null))},_a=n(221),Na=n(225),Ca=n(224),La=n(220),Ta=n(222),Aa=n(223),Fa=n(191),Ra=Object(dn.a)({table:{minWidth:650}});function Pa(e){var t=e.award,n=Ra();if(t.results){var a=t.results;return o.a.createElement(o.a.Fragment,null,o.a.createElement(La.a,{component:Fa.a},o.a.createElement(_a.a,{className:n.table,"aria-label":"simple table"},o.a.createElement(Ta.a,null,o.a.createElement(Aa.a,null,o.a.createElement(Ca.a,null,"\uc21c\uc704"),o.a.createElement(Ca.a,{align:"right"},"\uadf8\ub9bc"),o.a.createElement(Ca.a,{align:"right"},"\uc81c\ubaa9"),o.a.createElement(Ca.a,{align:"right"},"\ub2c9\ub124\uc784"),o.a.createElement(Ca.a,{align:"right"},"\uc88b\uc544\uc694"))),o.a.createElement(Na.a,null,a.map(function(e,t){return o.a.createElement(Aa.a,{key:t},o.a.createElement(Ca.a,{component:"th",scope:"row"},t+1),o.a.createElement(Ca.a,{align:"right"},o.a.createElement(xa.b,{to:"/".concat(e.id)},o.a.createElement("img",{src:e.image_file&&e.image_file.replace("http://localhost:8000/media/","/static/"),alt:"img",width:"30px"}))),o.a.createElement(Ca.a,{align:"right"},e.title),o.a.createElement(Ca.a,{align:"right"},e.username.slice(1,-1)),o.a.createElement(Ca.a,{align:"right"},e.profiles.length))})))))}return o.a.createElement(o.a.Fragment,null)}var za,Da=Object(l.e)(function(){var e=Object(f.b)(),t=Object(f.c)(function(e){return{award:e.award.award}}).award;return Object(r.useEffect)(function(){e(Fe())},[e]),t?o.a.createElement(o.a.Fragment,null,o.a.createElement(ta,null,o.a.createElement("h1",{className:"title"},"\uc5b4\uc6cc\ub4dc"),o.a.createElement("hr",null),o.a.createElement("h1",{className:"description"},"\ub9ce\uc740 \uc0ac\ub78c\uc5d0\uac8c \uc88b\uc544\uc694\ub97c \ubc1b\uc740 \uc791\ud488\uc785\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\ub3c4 \ub3c4\uc804\ud574\ubcf4\uc138\uc694")),o.a.createElement(Pa,{award:t})):o.a.createElement(o.a.Fragment,null)}),Ga=O.a.mark(Ja),Ba=k("rank/RANK_POST"),Ma=Object(E.a)(Ba,3),Ua=Ma[0],Ha=Ma[1],Za=Ma[2],Wa=k("rank/CREAR"),Ya=Object(h.a)(Ua);Object(h.a)(Wa);function Ja(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Ua,I(Ua,fe));case 2:case"end":return e.stop()}},Ga)}var qa={rank:null,error:null},Xa=Object(j.a)((za={},Object(d.a)(za,Ha,function(e,t){var n=t.payload;return Object(b.a)({},e,{rank:n})}),Object(d.a)(za,Za,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(za,Wa,function(e){return qa}),za),qa),Ka=n(226),Va=Object(dn.a)({table:{minWidth:650}});function $a(e){var t=e.rank,n=Va();if(t.results){var a=t.results,r=t.count;return o.a.createElement(o.a.Fragment,null,o.a.createElement(La.a,{component:Fa.a},o.a.createElement(_a.a,{className:n.table,"aria-label":"simple table"},o.a.createElement(Ta.a,null,o.a.createElement(Aa.a,null,o.a.createElement(Ca.a,null,"\uc21c\uc704"),o.a.createElement(Ca.a,{align:"right"},"\uc544\uc774\ucf58"),o.a.createElement(Ca.a,{align:"right"},"\ub2c9\ub124\uc784"),o.a.createElement(Ca.a,{align:"right"},"\ubc31\ubd84\uc704(\uc0c1\uc704)"),o.a.createElement(Ca.a,{align:"right"},"\ubc31\ubd84\uc704(\uc0c1\uc704)"))),o.a.createElement(Na.a,null,a.map(function(e,t){return o.a.createElement(Aa.a,{key:t},o.a.createElement(Ca.a,{component:"th",scope:"row"},t+1),o.a.createElement(Ca.a,{align:"right"},o.a.createElement(xa.b,{to:"/profile/".concat(e.user)},o.a.createElement(Sn.a,{src:e.user_image}))),o.a.createElement(Ca.a,{align:"right"},e.nickname),o.a.createElement(Ca.a,{align:"right"},Math.round((t+1)/r*100),"%"),o.a.createElement(Ca.a,{align:"right"},o.a.createElement(Ka.a,{variant:"buffer",valueBuffer:Math.round((t+1)/r*100),value:Math.round((t+1)/r*100),color:"secondary"})))})))))}return o.a.createElement(o.a.Fragment,null)}var Qa=Object(l.e)(function(){var e=Object(f.b)(),t=Object(f.c)(function(e){return{rank:e.rank.rank}}).rank;return Object(r.useEffect)(function(){e(Ya())},[e]),t?o.a.createElement(o.a.Fragment,null,o.a.createElement(ta,null,o.a.createElement("h1",{className:"title"},"\ub7ad\ud0b9"),o.a.createElement("hr",null),o.a.createElement("h1",{className:"description"},"\ub9ce\uc740 \uc88b\uc544\uc694\ub97c \ubc1b\uc740 \ub7ad\ud0b9\uc785\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\ub3c4 \ub3c4\uc804\ud574 \ubcf4\uc138\uc694")),o.a.createElement($a,{rank:t})):o.a.createElement(o.a.Fragment,null)});function er(){var e=Object(ct.a)(["\n .modal-wrapper {\n position: fixed;\n z-index: 100;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.2);\n\n .cancel {\n font-size: 200px;\n color: white;\n }\n .modal {\n background: rgba(0, 0, 0, 0.8);\n border-radius: 5px;\n width: 70%;\n height: 80%;\n overflow: scroll;\n .p {\n font-size: 16px;\n }\n }\n .cancel {\n cursor: pointer;\n }\n .modal::-webkit-scrollbar {\n width: 15px;\n }\n .modal::-webkit-scrollbar-thumb {\n background-color: grey;\n\n border-radius: 10px;\n }\n .modal::-webkit-scrollbar-track {\n background-color: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n }\n .modal::-webkit-scrollbar-corner {\n display: none;\n }\n }\n"]);return er=function(){return e},e}var tr,nr=_n.a.div(er()),ar=function(){var e=Object(f.b)(),t=Object(f.c)(function(e){return{opener:e.opener.opener}}).opener;return Object(r.useEffect)(function(){e(xt(null))},[e]),null!==t?o.a.createElement(nr,null,o.a.createElement("div",{className:"modal-wrapper"},o.a.createElement("div",{className:"modal"},"write"===t&&o.a.createElement(la,null),"painting"===t&&o.a.createElement(wa,null),"default"===t&&o.a.createElement(Sa,null),"award"===t&&o.a.createElement(Da,null),"rank"===t&&o.a.createElement(Qa,null)),o.a.createElement("div",{className:"cancel",onClick:function(){e(xt(null))}},o.a.createElement(ua.a,{style:{position:"absolute",marginTop:"-260px",marginLeft:"-90px",fontSize:"30px",color:"white"}})))):null},rr=O.a.mark(fr),or=k("post/READ_POST"),cr=Object(E.a)(or,3),ir=cr[0],lr=cr[1],ur=cr[2],sr=Object(h.a)(ir,function(e){return e}),mr=Object(h.a)("post/UNLOAD_POST"),pr=I(ir,function(e){return N.a.get(C+"/api/posts/".concat(e,"/")).then(function(e){return e}).catch(function(e){return e})});function fr(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(ir,pr);case 2:case"end":return e.stop()}},rr)}var dr={comments:null,post:null,error:null},br=Object(j.a)((tr={},Object(d.a)(tr,lr,function(e,t){var n=t.payload;return Object(b.a)({},e,{post:n,comments:n.comments})}),Object(d.a)(tr,ur,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(tr,"post/UNLOAD_POST",function(){return dr}),tr),dr),gr=n(132);function Or(){var e=Object(ct.a)(["\n padding-left: 1rem;\n padding-right: 1rem;\n width: 1024px;\n margin: 0 auto;\n\n @media (max-width: 1024px) {\n width: 768px;\n }\n @media (max-width: 768px) {\n width: 100%;\n }\n"]);return Or=function(){return e},e}var Er=_n.a.div(Or()),hr=function(e){var t=e.children,n=Object(gr.a)(e,["children"]);return o.a.createElement(Er,n,t)},jr=N.a.create(),vr=n(125),wr=n.n(vr),xr=n(124),yr=n.n(xr),kr=n(85),Ir=Object(dn.a)(function(e){return{Favorite:{color:kr.a[500]}}}),Sr=function(e){var t=e.Listprofile,n=e.profiles,a=e.postId,c=e.profileid,i=Ir(),l=Object(r.useState)(""),u=Object(E.a)(l,2),s=u[0],m=u[1],p=t.username,f=Object(r.useCallback)(function(){!function(e){jr.get("/api/miniprofile/".concat(e)).then(function(e){return m(e.data)}).catch(function(e){return e})}(c)},[c]);if(Object(r.useEffect)(function(){!function(e){jr.get("/api/miniprofile/".concat(e)).then(function(e){return m(e.data)}).catch(function(e){return e})}(c)},[c]),localStorage.getItem("current_user")&&localStorage.getItem("current_user").slice(1,-1)===p&&s){var d=t.user,b=t.posts,g=n.length,h=s.bestcount;return o.a.createElement(o.a.Fragment,null,o.a.createElement(aa.a,{onClick:f,component:"span"},o.a.createElement("h4",{style:{color:"white"}},"\uc88b\uc544\uc694 ",g),-1===n.indexOf(d)?o.a.createElement(yr.a,{onClick:function(){return O.a.async(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.awrap(b.push(parseInt(a)));case 2:return e.next=4,O.a.awrap(n.push(d));case 4:return e.next=6,O.a.awrap(jr.patch("/api/miniprofile/".concat(d,"/"),{posts:b}).then(function(e){return e}));case 6:return e.next=8,O.a.awrap(jr.patch("/api/miniprofile/".concat(c,"/"),{bestcount:h+1}).then(function(e){return e}));case 8:return e.next=10,O.a.awrap(jr.patch("/api/minipost/".concat(a,"/"),{profiles:n,numlike:n.length}).then(function(e){return e}));case 10:case"end":return e.stop()}})},style:{color:"white"}}):o.a.createElement(wr.a,{className:i.Favorite,onClick:function(){return O.a.async(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.awrap(b.splice(b.indexOf(a),1));case 2:return e.next=4,O.a.awrap(n.splice(n.indexOf(d),1));case 4:return e.next=6,O.a.awrap(jr.patch("/api/miniprofile/".concat(d,"/"),{posts:b}).then(function(e){return e}));case 6:return e.next=8,O.a.awrap(jr.patch("/api/miniprofile/".concat(c,"/"),{bestcount:h-1}).then(function(e){return e}));case 8:return e.next=10,O.a.awrap(jr.patch("/api/minipost/".concat(a,"/"),{profiles:n,numlike:n.length}).then(function(e){return e}));case 10:case"end":return e.stop()}})}})))}return o.a.createElement(o.a.Fragment,null)},_r=n(241),Nr=n(227),Cr=Object(dn.a)(function(e){return{typography:{padding:e.spacing(2)}}}),Lr=function(e){var t=e.followid,n=Object(r.useState)(null),a=Object(E.a)(n,2),c=a[0],i=a[1];if(Object(r.useCallback)(function(e){jr.get("/api/miniprofile/".concat(e)).then(function(e){return i(e.data)}).catch(function(e){return e})},[])(t),c){var l=c.user_image,u=c.nickname,s=c.user;return o.a.createElement(o.a.Fragment,null,o.a.createElement(aa.a,{href:"/profile/".concat(s)},o.a.createElement("h3",null,u),l&&o.a.createElement(Sn.a,{src:l})))}return o.a.createElement(o.a.Fragment,null)};function Tr(e){var t=e.type,n=e.num,a=e.follow,r=Cr(),c=o.a.useState(null),i=Object(E.a)(c,2),l=i[0],u=i[1],s=Boolean(l),m=s?"simple-popover":void 0;return o.a.createElement("div",null,o.a.createElement(aa.a,{"aria-describedby":m,onClick:function(e){u(e.currentTarget)}},t," : ",n),o.a.createElement(_r.a,{id:m,open:s,anchorEl:l,onClose:function(){u(null)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},o.a.createElement(Nr.a,{className:r.typography},a&&a.map(function(e){return o.a.createElement(Lr,{followid:e})}))))}var Ar,Fr=function(e){var t=e.own_follower,n=e.own_following,a=e.own_id,c=Object(r.useState)(""),i=Object(E.a)(c,2),l=i[0],u=i[1],s=parseInt(localStorage.getItem("user_id")),m=Object(r.useCallback)(function(){!function(e){jr.get("/api/profile/".concat(e)).then(function(e){return u(e.data)}).catch(function(e){return e})}(s)},[s]);Object(r.useEffect)(function(){!function(e){jr.get("/api/profile/".concat(e)).then(function(e){return u(e.data)}).catch(function(e){return e})}(s)},[s]);var p=l.following,f=t.length,d=n.length;return p&&a!==s?o.a.createElement(o.a.Fragment,null,o.a.createElement(aa.a,{onClick:m},o.a.createElement("h4",null,o.a.createElement(Tr,{type:"\ud314\ub85c\uc6cc",num:f,follow:t})),o.a.createElement("h4",null,o.a.createElement(Tr,{type:"\ud314\ub85c\uc789",num:d,follow:n})),-1===p.indexOf(a)?o.a.createElement(aa.a,{onClick:function(){return O.a.async(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.awrap(p.push(parseInt(a)));case 2:return e.next=4,O.a.awrap(t.push(s));case 4:return e.next=6,O.a.awrap(jr.patch("/api/profile/".concat(s,"/"),{following:p}).then(function(e){return e}));case 6:return e.next=8,O.a.awrap(jr.patch("/api/profile/".concat(a,"/"),{follower:t}).then(function(e){return e}));case 8:case"end":return e.stop()}})},variant:"outlined",color:"primary"},"\ud314\ub85c\uc6b0"):o.a.createElement(aa.a,{onClick:function(){return O.a.async(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.awrap(p.splice(p.indexOf(a),1));case 2:return e.next=4,O.a.awrap(t.splice(t.indexOf(s),1));case 4:return e.next=6,O.a.awrap(jr.patch("/api/profile/".concat(s,"/"),{following:p}).then(function(e){return e}));case 6:return e.next=8,O.a.awrap(jr.patch("/api/profile/".concat(a,"/"),{follower:t}).then(function(e){return e}));case 8:case"end":return e.stop()}})},variant:"outlined",color:"primary"},"\ud314\ub85c\uc6b0 \ucde8\uc18c"))):o.a.createElement(o.a.Fragment,null)},Rr=Object(l.e)(function(e){var t=e.userId,n=e.followtrue,a=Object(f.b)(),c=Object(f.c)(function(e){return{profile:e.profile.profile}}).profile;return Object(r.useEffect)(function(){return a(je(t)),function(){a(ve())}},[a,t]),c?o.a.createElement(o.a.Fragment,null,o.a.createElement(aa.a,{href:"/profile/".concat(c.user)},o.a.createElement("h3",{style:{color:"white"}},c.nickname),c.user_image&&o.a.createElement(Sn.a,{src:c.user_image})),n&&o.a.createElement(Fr,{own_follower:c.follower,own_following:c.following,own_id:c.user})):o.a.createElement(o.a.Fragment,null)}),Pr=O.a.mark(Zr),zr=k("create/CREATE_COMMENT"),Dr=Object(E.a)(zr,3),Gr=Dr[0],Br=Dr[1],Mr=Dr[2],Ur=(Object(h.a)("comment/INITIALIZE"),Object(h.a)("comment/CHANGE_FIELD",function(e){return{commenter:e.commenter,name:e.name,text:e.text,postid:e.postid}}),Object(h.a)(Gr,function(e){return{commenter:e.commenter,name:e.name,text:e.text,postid:e.postid}})),Hr=I(Gr,function(e){var t=e.commenter,n=e.name,a=e.text,r=e.postid;return N.a.post(C+"/api/comments/",{commenter:t,name:n,text:a,postid:r}).then(function(e){return e}).catch(function(e){return e})});function Zr(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Gr,Hr);case 2:case"end":return e.stop()}},Pr)}var Wr={commenter:"",name:"",postid:"",text:"",comment:null,commentError:null,recomments:null},Yr=Object(j.a)((Ar={},Object(d.a)(Ar,"comment/INITIALIZE",function(e){return Wr}),Object(d.a)(Ar,"comment/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.commenter,r=n.name,o=n.text,c=n.postid;return Object(b.a)({},e,{commenter:a,postid:c,text:o,name:r})}),Object(d.a)(Ar,Gr,function(e){return Object(b.a)({},e,{comment:null,commentError:null})}),Object(d.a)(Ar,Br,function(e,t){var n=t.payload;return Object(b.a)({},e,{comment:n,recomments:n.recomments})}),Object(d.a)(Ar,Mr,function(e,t){var n=t.payload;return Object(b.a)({},e,{commentError:n})}),Ar),Wr),Jr=function(e){var t=e.commenterId,n=e.name,a=e.text,c=e.commentId,i=e.onDelete,l=e.created_at,u=(e.comment,e.setCommentall),s=e.postid,m=Object(r.useCallback)(function(){var e;return O.a.async(function(t){for(;;)switch(t.prev=t.next){case 0:return e=function(e){jr.get("/api/posts/".concat(e)).then(function(e){return u(e.data.comments)}).catch(function(e){return window.location.reload()})},t.next=3,O.a.awrap((n=c,N.a.delete(C+"/api/comments/".concat(n,"/")).then(function(e){return e}).catch(function(e){return e})));case 3:return t.next=5,O.a.awrap(e(s));case 5:case"end":return t.stop()}var n})},[s,c,u]),p=Object(r.useState)(""),f=Object(E.a)(p,2),d=f[0],b=f[1];Object(r.useEffect)(function(){!function(e){jr.get("/api/profile/".concat(e)).then(function(e){return b(e.data)}).catch(function(e){return window.location.reload()})}(t)},[t]);var g=localStorage.getItem("current_user");return o.a.createElement(o.a.Fragment,null,o.a.createElement(ya.a,{container:!0,style:{padding:"20px"}},o.a.createElement(ya.a,{item:!0,xs:12,style:{display:"flex",justifyContent:"space-between",borderTop:"solid 2px white"}},o.a.createElement("div",{style:{display:"inline-block"}},o.a.createElement("div",{style:{display:"inline-block",verticalAlign:"middle",marginRight:"20px"}},o.a.createElement(Sn.a,{src:d.user_image})),o.a.createElement("div",{style:{color:"white",display:"inline-block",verticalAlign:"middle",marginRight:"20px"}},o.a.createElement("h4",null,d.nickname)),o.a.createElement("div",{style:{display:"inline-block",verticalAlign:"middle",marginRight:"20px"}},o.a.createElement("h4",null,l.slice(0,16).replace("T"," ")))),o.a.createElement("div",{style:{color:"white",display:"inline-block"}},g===n?o.a.createElement("span",{onClick:m},o.a.createElement(ua.a,{onClick:i,style:{fontSize:"20px"}})):"")),o.a.createElement("h4",null," ",a)))};function qr(){var e=Object(ct.a)(["\n font-size: 1rem;\n outline: none;\n padding: 1rem;\n margin-bottom: 1rem;\n width: 100%;\n box-sizing: border-box;\n border: solid 2px white;\n border-image-slice: 1;\n background: none;\n border-color: white;\n color: white;\n"]);return qr=function(){return e},e}var Xr=_n.a.textarea(qr()),Kr=Object(l.e)(function(e){var t=e.postId,n=(e.key,Object(r.useState)(null)),a=Object(E.a)(n,2),c=a[0],i=a[1],l=parseInt(t),u=parseInt(localStorage.getItem("user_id")),s=Object(f.b)(),m=localStorage.getItem("current_user"),p=Object(r.useState)(""),d=Object(E.a)(p,2),b=d[0],g=d[1],h=function(e){jr.get("/api/posts/".concat(e)).then(function(e){return i(e.data.comments)}).catch(function(e){return e})};Object(r.useEffect)(function(){h(l)},[l]);var j=Object(r.useCallback)(function(){return O.a.async(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.awrap(h(l));case 2:case"end":return e.stop()}})},[l]),v=Object(r.useCallback)(function(){return O.a.async(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.awrap(s(Ur({commenter:u,name:m,text:b,postid:l})));case 2:return e.next=4,O.a.awrap(g(""));case 4:return e.next=6,O.a.awrap(h(l));case 6:case"end":return e.stop()}})},[b,g,l,u,m,s]),w=Object(r.useCallback)(function(e){g(e.target.value)},[]);return c?o.a.createElement("div",{style:{background:"rgba(255, 255, 255, 0.2)"}},o.a.createElement("div",{style:{padding:"20px"}},o.a.createElement(Xr,{id:"outlined-multiline-static",label:"\ub313\uae00",multiline:!0,rows:"4",fullWidth:!0,variant:"outlined",value:b,onChange:w}),o.a.createElement("span",{onClick:v},o.a.createElement(oa,{onClick:j,variant:"outlined",color:"secondary"},"\ub4f1\ub85d"))),c.map(function(e,t){return o.a.createElement(o.a.Fragment,null,o.a.createElement(Jr,{commenterId:e.commenter,name:e.name,text:e.text,commentId:e.id,created_at:e.created_at,onDelete:j,key:t,comment:e,setCommentall:i,postid:l}))})):o.a.createElement(o.a.Fragment,null)});function Vr(){var e=Object(ct.a)(["\n width: 320px;\n background: black;\n padding: 1.5rem;\n border-radius: 4px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.125);\n h2 {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n p {\n margin-bottom: 3rem;\n }\n .buttons {\n display: flex;\n justify-content: flex-end;\n }\n"]);return Vr=function(){return e},e}function $r(){var e=Object(ct.a)(["\n position: fixed;\n z-index: 30;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n"]);return $r=function(){return e},e}var Qr=_n.a.div($r()),eo=_n.a.div(Vr()),to=function(e){var t=e.visible,n=e.title,a=e.description,r=e.confirmText,c=void 0===r?"\ud655\uc778":r,i=e.cancelText,l=void 0===i?"\ucde8\uc18c":i,u=e.onConfirm,s=e.onCancel;return t?o.a.createElement(Qr,null,o.a.createElement(eo,null,o.a.createElement("h2",null,n),o.a.createElement("p",null,a),o.a.createElement("div",{className:"buttons"},o.a.createElement(oa,{onClick:s},l),o.a.createElement(oa,{cyan:!0,onClick:u},c)))):null},no=function(e){var t=e.visible,n=e.onConfirm,a=e.onCancel;return o.a.createElement(to,{visible:t,title:"\ud3ec\uc2a4\ud2b8 \uc0ad\uc81c",description:"\ud3ec\uc2a4\ud2b8\ub97c \uc815\ub9d0 \uc0ad\uc81c\ud558\uc2dc\uaca0\uc2b5\ub2c8\uae4c?",confirmText:"\uc0ad\uc81c",onConfirm:n,onCancel:a})},ao=function(e){var t=e.onRemove,n=Object(r.useState)(!1),a=Object(E.a)(n,2),c=a[0],i=a[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement(oa,{onClick:function(){i(!0)}},"\uc0ad\uc81c"),o.a.createElement(no,{visible:c,onConfirm:function(){i(!1),t()},onCancel:function(){i(!1)}}))};function ro(){var e=Object(ct.a)(["\n padding-bottom: 3rem;\n margin-bottom: 3rem;\n h1 {\n font-size: 40px;\n color: white;\n font-weight: 800;\n }\n"]);return ro=function(){return e},e}function oo(){var e=Object(ct.a)(["\n margin-top: 4rem;\n color: white;\n"]);return oo=function(){return e},e}var co,io=Object(_n.a)(hr)(oo()),lo=_n.a.div(ro()),uo=function(e){var t=e.post,n=e.postId,a=e.Listprofile,r=e.userId,c=e.onEdit,i=e.onRemove;if(t&&a){var l=t.title,u=t.content,s=t.image_file,m=t.created_at,p=t.profiles,f=t.profileid,d=localStorage.getItem("current_user");return o.a.createElement(o.a.Fragment,null,o.a.createElement(io,null,o.a.createElement(lo,null,t&&t.username===d&&o.a.createElement(ao,{onEdit:c,onRemove:i}),o.a.createElement("div",null,o.a.createElement("h1",null,l),o.a.createElement("img",{src:s,alt:"img"}),o.a.createElement("h2",null,u),o.a.createElement("hr",null),o.a.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},o.a.createElement("div",{style:{display:"inline-block"}},o.a.createElement(Rr,{userId:r,followtrue:!0})),o.a.createElement("div",{style:{display:"inline-block"}},o.a.createElement("div",{style:{display:"inline-block"}},o.a.createElement("h3",null,m.slice(0,10))),o.a.createElement("div",{style:{display:"inline-block"}},o.a.createElement(Sr,{Listprofile:a,profiles:p,title:l,postId:n,profileid:f})))))),o.a.createElement(Kr,{postId:n})))}return o.a.createElement(o.a.Fragment,null)},so=O.a.mark(Eo),mo=k("update/UPDATE_POST"),po=Object(E.a)(mo,3),fo=po[0],bo=po[1],go=po[2],Oo=(Object(h.a)(fo,function(e){return{id:e.id,title:e.title,content:e.content}}),Object(h.a)("update/SET_ORIGINAL_POST",function(e){return e}));Object(h.a)("update/INITIALIZE"),Object(h.a)("update/CHANGE_FIELD",function(e){return{key:e.key,value:e.value}});function Eo(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(fo,I(fo,R));case 2:case"end":return e.stop()}},so)}var ho={title:"",content:"",post:null,postError:null},jo=Object(j.a)((co={},Object(d.a)(co,"update/INITIALIZE",function(e){return ho}),Object(d.a)(co,"update/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.key,r=n.value;return Object(b.a)({},e,Object(d.a)({},a,r))}),Object(d.a)(co,"update/SET_ORIGINAL_POST",function(e,t){var n=t.payload;return Object(b.a)({},e,{title:n.title,content:n.content})}),Object(d.a)(co,bo,function(e,t){var n=t.payload;return Object(b.a)({},e,{post:n})}),Object(d.a)(co,go,function(e,t){var n=t.payload;return Object(b.a)({},e,{postError:n})}),co),ho),vo=Object(l.e)(function(e){var t=e.history,n=e.postId,a=Object(f.b)(),c=Object(f.c)(function(e){var t=e.post,n=(e.profile,e.myprofile);return{post:t.post,error:t.error,Listprofile:n.myprofile}}),i=c.post,l=c.error,u=c.Listprofile;Object(r.useEffect)(function(){return a(sr(n)),a(Tt(parseInt(localStorage.getItem("user_id")))),function(){a(mr())}},[a,n]);if(i){var s=i.profileid;return o.a.createElement(o.a.Fragment,null,o.a.createElement(ta,null,o.a.createElement("h1",{className:"title"},"\ud3ec\uc2a4\ud2b8"),o.a.createElement("hr",null)),o.a.createElement(uo,{post:i,error:l,postId:n,Listprofile:u,userId:s,onEdit:function(){a(Oo(i)),t.push("/update/".concat(n))},onRemove:function(){return O.a.async(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,O.a.awrap((a=n,N.a.delete(C+"/api/posts/".concat(a,"/")).then(function(e){return e})));case 3:return e.next=5,O.a.awrap(t.push("/"));case 5:return e.next=7,O.a.awrap(window.location.reload());case 7:e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),console.log(e.t0);case 12:case"end":return e.stop()}var a},null,null,[[0,9]])}}))}return o.a.createElement(o.a.Fragment,null)});function wo(){var e=Object(ct.a)(["\n .modal-wrapper {\n position: fixed;\n z-index: 100;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.2);\n\n .cancel {\n font-size: 200px;\n color: white;\n }\n .modal {\n background: rgba(0, 0, 0, 0.4);\n border-radius: 5px;\n width: 70%;\n height: 80%;\n overflow: scroll;\n .p {\n font-size: 16px;\n }\n }\n .cancel {\n cursor: pointer;\n }\n .modal::-webkit-scrollbar {\n width: 15px;\n }\n .modal::-webkit-scrollbar-thumb {\n background-color: grey;\n\n border-radius: 10px;\n }\n .modal::-webkit-scrollbar-track {\n background-color: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n }\n .modal::-webkit-scrollbar-corner {\n display: none;\n }\n }\n"]);return wo=function(){return e},e}var xo=_n.a.div(wo()),yo=function(){var e=Object(f.b)(),t=Object(f.c)(function(e){return{openpost:e.openpost.openpost}}).openpost;return Object(r.useEffect)(function(){e(Me(null))},[e]),null!==t?o.a.createElement(xo,null,o.a.createElement("div",{className:"modal-wrapper"},o.a.createElement("div",{className:"modal"},o.a.createElement(vo,{postId:t})),o.a.createElement("div",{className:"cancel",onClick:function(){e(Me(null))}},o.a.createElement(ua.a,{style:{position:"absolute",marginTop:"-260px",marginLeft:"-90px",fontSize:"30px",color:"white"}})))):o.a.createElement(o.a.Fragment,null)},ko=[{drawername:"\uae00\uc4f0\uae30",url:"write"},{drawername:"\ub7ad\ud0b9",url:"rank"},{drawername:"\uc218\uc0c1\uc791",url:"award"},{drawername:"\ubc11\uadf8\ub9bc",url:"default"},{drawername:"\uadf8\ub9bc \uadf8\ub9ac\uae30",url:"painting"}];function Io(){var e=Object(ct.a)(["\n cursor: pointer;\n"]);return Io=function(){return e},e}function So(){var e=Object(ct.a)(["\n .inline {\n display: inline-block;\n vertical-align: middle;\n }\n .outer {\n display: inline-block;\n }\n .inline-right {\n display: inline-block;\n vertical-align: middle;\n margin-right: 10px;\n }\n"]);return So=function(){return e},e}function _o(){var e=Object(ct.a)(["\n font-family: 'NanumBarunGothicSubset.woff2' !important;\n font-weight: 800px;\n color: white;\n font-size: 20px;\n text-shadow: 2px 2px 20px white;\n animation: blink 1.5s ease-in-out infinite alternate;\n cursor: pointer;\n @keyframes blink {\n 50% {\n opacity: 0.6;\n }\n 100% {\n opacity: 1;\n }\n }\n"]);return _o=function(){return e},e}function No(){var e=Object(ct.a)(["\n font-family: 'NanumBarunGothicSubset.woff2' !important;\n font-weight: 800px;\n color: white;\n font-size: 15px;\n margin-bottom: 0;\n text-shadow: 2px 2px 2px black;\n"]);return No=function(){return e},e}function Co(){var e=Object(ct.a)(["\n font-family: 'NanumBarunGothicSubset.woff2' !important;\n font-weight: 800px;\n color: white;\n font-size: 12px;\n margin-left: 10px;\n margin-bottom: 0;\n text-shadow: 2px 2px 2px black;\n cursor: pointer;\n"]);return Co=function(){return e},e}var Lo=_n.a.h1(Co()),To=_n.a.h1(No()),Ao=_n.a.h1(_o()),Fo=_n.a.div(So()),Ro=Object(dn.a)(function(e){return{appBar:{background:"linear-gradient(45deg,#000000,#434343)",transition:e.transitions.create(["margin","width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen})},appBarShift:{width:"calc(100% - ".concat(160,"px)"),marginLeft:160,transition:e.transitions.create(["margin","width"],{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen})},menuButton:{marginRight:e.spacing(2)},hide:{display:"none"},drawerPaper:{background:"rgba(0,0,0,0.6)",alignItems:"center",width:160},drawerHeader:Object(b.a)({display:"flex",alignItems:"center",padding:e.spacing(0,1)},e.mixins.toolbar)}}),Po=function(){var e=Object(f.b)(),t=Object(f.c)(function(e){var t=e.user,n=e.minipost,a=e.myprofile;return{user:t.user,minipost:n.minipost,myprofile:a.myprofile}}),n=t.user,a=t.minipost,r=t.myprofile;return o.a.createElement(zo,{user:n,onLogout:function(){e(dt()),e(tn("register")),e(tn("login")),e(nn()),e(Ft())},minipost:a,myprofile:r,onGoGallery:function(){e(Ye({positionX:33,positionY:97,positionZ:923}))},onGoMuseum:function(){e(Ye({positionX:600,positionY:2600,positionZ:1e3}))}})},zo=function(e){var t=e.user,n=e.onLogout,a=e.myprofile,r=e.onGoGallery,c=e.onGoMuseum,i=Ro(),l=Object(bn.a)(),u=o.a.useState(!1),s=Object(E.a)(u,2),m=s[0],p=s[1];return o.a.createElement("div",null,t?o.a.createElement(o.a.Fragment,null,o.a.createElement(On.a,null),o.a.createElement(En.a,{position:"fixed",className:Object(fn.a)(i.appBar,Object(d.a)({},i.appBarShift,m))},o.a.createElement(Fo,null,o.a.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},o.a.createElement("div",{className:"outer"},o.a.createElement("div",{className:"inline",style:{marginLeft:"20px"}},o.a.createElement(jn.a,{color:"inherit","aria-label":"open drawer",onClick:function(){p(!0)},edge:"start",className:Object(fn.a)(i.menuButton,m&&i.hide)},o.a.createElement(wn.a,null))),o.a.createElement("div",{className:"inline",onClick:c},o.a.createElement(Ao,null,"COLOR BERRY"))),o.a.createElement("div",{className:"outer",style:{marginRight:"40px"}},o.a.createElement("div",{className:"inline",onClick:r},o.a.createElement(Lo,null,"\uc791\ud488 \uad00\ub78c")),o.a.createElement("div",{className:"inline-right",onClick:c},o.a.createElement(Lo,null,"\ubbf8\uc220\uad00")),o.a.createElement("div",{className:"inline"},o.a.createElement(Sn.a,{src:"",style:{border:"2px solid white",marginTop:"5px",marginRight:"10px"}})),o.a.createElement("div",{className:"inline"},o.a.createElement(To,null,a?a.username:"")),o.a.createElement("div",{className:"inline",onClick:n},o.a.createElement(Lo,null,"\ub85c\uadf8\uc544\uc6c3")))))),o.a.createElement(gn.a,{className:i.drawer,variant:"persistent",open:m,classes:{paper:i.drawerPaper}},o.a.createElement("div",{className:i.drawerHeader},o.a.createElement(jn.a,{onClick:function(){p(!1)}},"ltr"===l.direction?o.a.createElement(yn.a,{style:{color:"white"}}):o.a.createElement(In.a,{style:{color:"white"}}))),o.a.createElement(hn.a,{style:{marginLeft:10}},ko.map(function(e,t){return o.a.createElement(Go,{item:e,key:t})})))):"",o.a.createElement(ar,null),o.a.createElement(yo,null))},Do=_n.a.div(Io()),Go=function(e){var t=e.item,n=Object(f.b)();return o.a.createElement(Do,{onClick:function(){n(xt(t.url)),n(Ue())}},o.a.createElement("h1",{style:{color:"white",fontSize:"14px",fontWeight:800,marginTop:"20px",textShadow:"2px 2px 2px black"}},t.drawername))},Bo=Object(dn.a)(function(e){return{root:{display:"flex"},appBar:{background:"linear-gradient(45deg,#000000,#434343)",position:"fixed",left:"0",bottom:"0",padding:"20px",height:"60px",width:"100%",display:"inline",paddingLeft:100,zIndex:100}}}),Mo=function(e){e.history;var t=Bo();return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:t.root},o.a.createElement("span",{className:t.appBar})))},Uo=n(231);function Ho(){var e=Object(ct.a)(["\n color: red;\n text-align: center;\n font-size: 0.875rem;\n margin-top: 1rem;\n"]);return Ho=function(){return e},e}function Zo(){var e=Object(ct.a)(["\n font-size: 1rem;\n outline: none;\n padding: 1rem;\n margin-bottom: 1rem;\n width: 100%;\n box-sizing: border-box;\n border-style: solid;\n border-image-slice: 1;\n background: none;\n border-color: white;\n color: white;\n"]);return Zo=function(){return e},e}function Wo(){var e=Object(ct.a)(["\n font-size: 1rem;\n outline: none;\n padding: 1rem;\n margin-bottom: 1rem;\n width: 100%;\n box-sizing: border-box;\n border-style: solid;\n border-image-slice: 1;\n background: none;\n border-color: white;\n color: white;\n"]);return Wo=function(){return e},e}var Yo=_n.a.input(Wo()),Jo=_n.a.input(Zo()),qo=_n.a.div(Ho()),Xo={login:"LOGIN",register:"REGISTER"},Ko=Object(dn.a)(function(e){return{paper:{display:"flex",flexDirection:"column",alignItems:"center"},form:{width:"100%"},submit:{margin:e.spacing(0,0,2)}}});function Vo(e){var t=e.type,n=e.form,a=e.onChange,r=e.onSubmit,c=e.error,i=Ko(),l=Xo[t];return o.a.createElement(Uo.a,{component:"main",maxWidth:"xs"},o.a.createElement(On.a,null),o.a.createElement("div",{className:i.paper},o.a.createElement("h1",{style:{margin:0,padding:0,fontSize:"30px",color:"white",fontWeight:800}},l),o.a.createElement("form",{className:i.form,noValidate:!0,onSubmit:r},o.a.createElement(Yo,{variant:"outlined",margin:"normal",required:!0,fullWidth:!0,id:"username",placeholder:"ID",name:"username",autoComplete:"username",onChange:a,value:n.username,autoFocus:!0}),"register"===t&&o.a.createElement(Yo,{variant:"outlined",required:!0,fullWidth:!0,id:"email",placeholder:"Email Address",name:"email",autoComplete:"username",onChange:a,value:n.email}),o.a.createElement(Jo,{variant:"outlined",margin:"normal",required:!0,fullWidth:!0,name:"password",placeholder:"Password",type:"password",autoComplete:"new-password",onChange:a,value:n.password}),"register"===t&&o.a.createElement(Jo,{variant:"outlined",margin:"normal",required:!0,fullWidth:!0,name:"passwordConfirm",placeholder:"new-Password",type:"password",id:"password",autoComplete:"new-password",onChange:a,value:n.passwordConfirm}),c&&o.a.createElement(qo,null,"\uc694\uccad\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4. \uc62c\ubc14\ub974\uac8c \uc785\ub825\ud574 \uc8fc\uc138\uc694"),o.a.createElement(oa,{type:"submit",fullWidth:!0,variant:"contained",color:"secondary",className:i.submit},l))))}var $o=Object(l.e)(function(e){var t=e.history,n=Object(r.useState)(null),a=Object(E.a)(n,2),c=a[0],i=a[1],l=Object(f.b)(),u=Object(f.c)(function(e){var t=e.auth,n=e.user;return{form:t.login,auth:t.auth,authError:t.authError,user:n.user}}),s=u.form,m=u.auth,p=u.authError,d=u.user;return Object(r.useEffect)(function(){l(tn("login"))},[l]),Object(r.useEffect)(function(){p?i(p):m&&(localStorage.setItem("token",JSON.stringify(m.token)),l(ft()))},[m,p,l]),Object(r.useEffect)(function(){if(d)try{localStorage.setItem("user_id",JSON.stringify(d.id)),localStorage.setItem("user",JSON.stringify(d)),localStorage.setItem("current_user",JSON.stringify(d.username)),localStorage.setItem("posts",JSON.stringify(d.posts)),l(At(d))}catch(e){console.log("localStorage is not working")}},[t,d,l]),o.a.createElement(Vo,{type:"login",form:s,onChange:function(e){var t=e.target,n=t.value,a=t.name;l(en({form:"login",key:a,value:n}))},onSubmit:function(e){e.preventDefault();var t=s.username,n=s.password;l(on({username:t,password:n}))},error:c})}),Qo=Object(l.e)(function(e){var t=e.history,n=Object(r.useState)(null),a=Object(E.a)(n,2),c=a[0],i=a[1],l=Object(f.b)(),u=Object(f.c)(function(e){var t=e.auth,n=e.user;return{form:t.register,auth:t.auth,authError:t.authError,user:n.user}}),s=u.form,m=u.auth,p=u.authError,d=u.user;return Object(r.useEffect)(function(){l(tn("register"))},[l]),Object(r.useEffect)(function(){if(p)i(p);else if(m){var e=m.user.id,t=m.user.username,n=m.user.username,a=m.user.email;l(rn({username:t,nickname:n,email:a,user:e})),localStorage.setItem("token",JSON.stringify(m.token)),l(ft())}},[m,p,l]),Object(r.useEffect)(function(){if(d)try{localStorage.setItem("user_id",JSON.stringify(d.id)),localStorage.setItem("user",JSON.stringify(d)),localStorage.setItem("current_user",JSON.stringify(d.username)),localStorage.setItem("posts",JSON.stringify(d.posts)),l(At(d))}catch(e){console.log("localStorage is not working")}},[t,d,l]),o.a.createElement(Vo,{type:"register",form:s,onChange:function(e){var t=e.target,n=t.value,a=t.name;l(en({form:"register",key:a,value:n}))},onSubmit:function(e){e.preventDefault();var t=s.username,n=s.password,a=s.email,r=s.passwordConfirm;if(![t,n,a,r].includes(""))return n!==r?(i("\ube44\ubc00\ubc88\ud638\uac00 \uc77c\uce58\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4."),en({form:"register",key:"password",value:""}),void en({form:"register",key:"passwordConfirm",value:""})):void l(an({username:t,email:a,password:n}));i("\ube48 \uce78\uc744 \ubaa8\ub450 \uc785\ub825\ud558\uc138\uc694.")},error:c})});function ec(){var e=Object(ct.a)(["\n .colorberry {\n margin-top: 150px;\n margin-bottom: 0;\n padding-bottom: 10px;\n padding-top: 30px;\n font-size: 60px;\n font-weight: 800;\n color: white;\n animation: blink 1.5s ease-in-out infinite alternate;\n\n @keyframes blink {\n 50% {\n opacity: 0.2;\n }\n 100% {\n opacity: 1;\n }\n }\n }\n .inner {\n background: rgba(0, 0, 0, 0.5);\n margin-top: -150px;\n padding: 0 200px 100px 200px;\n }\n .under {\n text-align: center;\n font-size: 15px;\n font-weight: 800;\n color: white;\n span {\n color: #8e2de2;\n font-weight: 800;\n }\n }\n"]);return ec=function(){return e},e}function tc(){var e=Object(ct.a)(["\n .modal-wrapper {\n position: fixed;\n z-index: 3000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.95);\n\n .cancel {\n font-size: 200px;\n color: white;\n }\n .modal {\n background: linear-gradient(\n to right,\n rgba(18, 194, 233, 0.1),\n rgba(196, 113, 237, 0.1),\n rgba(246, 79, 89, 0.1)\n );\n display: flex;\n z-index: 3000;\n align-items: center;\n justify-content: center;\n border-radius: 5px;\n width: 100%;\n height: 100%;\n overflow: scroll;\n .p {\n font-size: 16px;\n }\n }\n\n .modal::-webkit-scrollbar {\n display: none;\n }\n .modal::-webkit-scrollbar-thumb {\n display: none;\n }\n .modal::-webkit-scrollbar-track {\n display: none;\n }\n .modal::-webkit-scrollbar-corner {\n display: none;\n }\n }\n"]);return tc=function(){return e},e}var nc=_n.a.div(tc()),ac=_n.a.div(ec()),rc=function(){var e=Object(r.useState)("login"),t=Object(E.a)(e,2),n=t[0],a=t[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement(ac,null,o.a.createElement("div",{className:"inner"},o.a.createElement("h1",{className:"colorberry"},"COLORBERRYPI"),"login"===n&&o.a.createElement("div",null,o.a.createElement($o,null),o.a.createElement("div",{className:"under"},o.a.createElement("p",null,"\ucc98\uc74c \ubc29\ubb38\ud558\uc168\ub098\uc694?",o.a.createElement("span",{onClick:function(){a("register")}},"\ud68c\uc6d0\uac00\uc785")))),"register"===n&&o.a.createElement("div",null,o.a.createElement(Qo,null),o.a.createElement("div",{className:"under"},o.a.createElement("p",null,"\uc774\ubbf8 \uc544\uc774\ub514\uac00 \uc788\uc73c\uc2e0\uac00\uc694?",o.a.createElement("span",{onClick:function(){a("login")}},"\ub85c\uadf8\uc778")))))))},oc=function(){var e=Object(f.b)(),t=Object(f.c)(function(e){return{myprofile:e.myprofile.myprofile}}).myprofile;return Object(r.useEffect)(function(){e(xt("write"))},[e]),null===t?o.a.createElement(nc,null,o.a.createElement("div",{className:"modal-wrapper"},o.a.createElement("div",{className:"modal"},o.a.createElement(rc,null)),o.a.createElement("div",{onClick:function(){e(xt(null))}}))):null},cc=function(){return o.a.createElement(o.a.Fragment,null,o.a.createElement(oc,null),o.a.createElement(Po,null),o.a.createElement(l.a,{component:ot,path:"/"}),o.a.createElement(Mo,null))};Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));var ic,lc=n(40),uc=n(129),sc=n(131),mc=O.a.mark(Ec),pc=k("post/LIST_POSTS"),fc=Object(E.a)(pc,3),dc=fc[0],bc=fc[1],gc=fc[2],Oc=k("post/CLEAR_NEXT");Object(h.a)(dc,function(e){return e}),Object(h.a)(Oc);function Ec(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(dc,I(dc,T));case 2:case"end":return e.stop()}},mc)}var hc,jc=Object(j.a)((ic={},Object(d.a)(ic,bc,function(e,t){var n=t.payload;return Object(b.a)({},e,{list:e.list.concat(n.results),next:n.next})}),Object(d.a)(ic,gc,function(e,t){var n=t.payload;return Object(b.a)({},e,{error:n})}),Object(d.a)(ic,Oc,function(e){return Object(b.a)({},e,{next:""})}),ic),{list:[],next:"",error:null}),vc=O.a.mark(_c),wc=k("create/CREATE_RECOMMENT"),xc=Object(E.a)(wc,3),yc=xc[0],kc=xc[1],Ic=xc[2],Sc=(Object(h.a)("recomment/INITIALIZE"),Object(h.a)("recomment/CHANGE_FIELD",function(e){return{commenter:e.commenter,name:e.name,text:e.text,commentid:e.commentid}}),Object(h.a)(yc,function(e){return{commenter:e.commenter,name:e.name,text:e.text,commentid:e.commentid}}),I(yc,function(e){var t=e.commenter,n=e.name,a=e.text,r=e.commentid;return N.a.post(C+"/api/recomments/",{commenter:t,name:n,text:a,commentid:r}).then(function(e){return e}).catch(function(e){return e})}));function _c(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(yc,Sc);case 2:case"end":return e.stop()}},vc)}var Nc,Cc={commenter:"",name:"",commentid:"",text:"",recomment:null,recommentError:null},Lc=Object(j.a)((hc={},Object(d.a)(hc,"recomment/INITIALIZE",function(e){return Cc}),Object(d.a)(hc,"recomment/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.commenter,r=n.name,o=n.text,c=n.commentid;return Object(b.a)({},e,{commenter:a,commentid:c,text:o,name:r})}),Object(d.a)(hc,yc,function(e){return Object(b.a)({},e,{recomment:null,recommentError:null})}),Object(d.a)(hc,kc,function(e,t){var n=t.payload;return Object(b.a)({},e,{recomment:n})}),Object(d.a)(hc,Ic,function(e,t){var n=t.payload;return Object(b.a)({},e,{recommentError:n})}),hc),Cc),Tc=O.a.mark(qc),Ac=k("auths/REGISTER"),Fc=Object(E.a)(Ac,3),Rc=Fc[0],Pc=Fc[1],zc=Fc[2],Dc=k("auth/PROFILE"),Gc=Object(E.a)(Dc,1)[0],Bc=k("auths/LOGIN"),Mc=Object(E.a)(Bc,3),Uc=Mc[0],Hc=Mc[1],Zc=Mc[2],Wc=(Object(h.a)("autsh/CHANGE_FIELD",function(e){return{form:e.form,key:e.key,value:e.value}}),Object(h.a)("auths/SOCIAL_CHANGE",function(e){var t=e.form,n=e.username;return{form:t,nickname:e.nickname,username:n,email:e.email,password:e.password}}),Object(h.a)("auths/INITIALIZE_FORM",function(e){return e}),Object(h.a)(Rc,function(e){var t=e.username,n=e.email;return{nickname:e.nickname,username:t,email:n,password:e.password}}),Object(h.a)(Gc,function(e){var t=e.username;return{nickname:e.nickname,username:t,email:e.email,user:e.user,user_image:e.user_image}}),Object(h.a)(Uc,function(e){return{username:e.username,password:e.password}}),I(Rc,le)),Yc=I(Gc,ue),Jc=I(Uc,ie);function qc(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(Rc,Wc);case 2:return e.next=4,Object(v.d)(Uc,Jc);case 4:return e.next=6,Object(v.d)(Gc,Yc);case 6:case"end":return e.stop()}},Tc)}var Xc,Kc={register:{nickname:"",username:"",email:"",password:""},login:{nickname:"",username:"",password:""},auth:null,authError:null},Vc=Object(j.a)((Nc={},Object(d.a)(Nc,"autsh/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.form,r=n.key,o=n.value;return Object(Bt.a)(e,function(e){e[a][r]=o})}),Object(d.a)(Nc,"auths/SOCIAL_CHANGE",function(e,t){var n,a=t.payload,r=a.form,o=a.nickname,c=a.username,i=a.email,l=a.password;return Object(b.a)({},e,(n={},Object(d.a)(n,r,{username:c,nickname:o,email:i,password:l}),Object(d.a)(n,"authError",null),n))}),Object(d.a)(Nc,"auths/INITIALIZE_AUTH",function(e){return Object(b.a)({},e,{auth:null})}),Object(d.a)(Nc,"auths/INITIALIZE_FORM",function(e,t){var n,a=t.payload;return Object(b.a)({},e,(n={},Object(d.a)(n,a,Kc[a]),Object(d.a)(n,"authError",null),n))}),Object(d.a)(Nc,Pc,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:null,auth:n})}),Object(d.a)(Nc,zc,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:n})}),Object(d.a)(Nc,Hc,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:null,auth:n})}),Object(d.a)(Nc,Zc,function(e,t){var n=t.payload;return Object(b.a)({},e,{authError:n})}),Nc),Kc),$c=O.a.mark(oi),Qc=O.a.mark(ci),ei="users/CHECK",ti="users/CHECK_FAILURE",ni="users/LOGOUT",ai=(Object(h.a)("users/TEMP_SET_USER",function(e){return e}),Object(h.a)(ei),Object(h.a)(ni),I(ei,me));function ri(){try{localStorage.removeItem("user"),localStorage.removeItem("token"),localStorage.removeItem("current_user")}catch(e){console.log("localStorage is not working")}}function oi(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(v.b)(pe);case 3:localStorage.clear(),e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),console.log(e.t0);case 9:case"end":return e.stop()}},$c,null,[[0,6]])}function ci(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(ei,ai);case 2:return e.next=4,Object(v.d)(ti,ri);case 4:return e.next=6,Object(v.d)(ni,oi);case 6:case"end":return e.stop()}},Qc)}var ii,li=Object(j.a)((Xc={},Object(d.a)(Xc,"users/TEMP_SET_USER",function(e,t){var n=t.payload;return Object(b.a)({},e,{user:n})}),Object(d.a)(Xc,ei,function(e,t){var n=t.payload;return Object(b.a)({},e,{user:n,checkError:null})}),Object(d.a)(Xc,"users/CHECK_SUCCESS",function(e,t){var n=t.payload;return Object(b.a)({},e,{user:n,checkError:null})}),Object(d.a)(Xc,ti,function(e,t){var n=t.payload;return Object(b.a)({},e,{user:null,checkError:n})}),Object(d.a)(Xc,ni,function(e){return Object(b.a)({},e,{user:null})}),Xc),{user:null,checkError:null}),ui=O.a.mark(gi),si=k("guestbook/CREATE_GUESTBOOK"),mi=Object(E.a)(si,3),pi=mi[0],fi=mi[1],di=mi[2],bi=(Object(h.a)("guestbook/INITIALIZE"),Object(h.a)("guestbook/CHANGE_FIELD",function(e){return{commenter:e.commenter,name:e.name,text:e.text,profileid:e.profileid}}),Object(h.a)(pi,function(e){return{commenter:e.commenter,name:e.name,text:e.text,profileid:e.profileid}}),I(pi,function(e){var t=e.commenter,n=e.name,a=e.text,r=e.profileid;return N.a.post(C+"/api/guestbook/",{commenter:t,name:n,text:a,profileid:r}).then(function(e){return e}).catch(function(e){return e})}));function gi(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(pi,bi);case 2:case"end":return e.stop()}},ui)}var Oi,Ei={commenter:"",name:"",profileid:"",text:"",comment:null,commentError:null},hi=Object(j.a)((ii={},Object(d.a)(ii,"guestbook/INITIALIZE",function(e){return Ei}),Object(d.a)(ii,"guestbook/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.commenter,r=n.name,o=n.text,c=n.profileid;return Object(b.a)({},e,{commenter:a,profileid:c,text:o,name:r})}),Object(d.a)(ii,pi,function(e){return Object(b.a)({},e,{post:null,postError:null})}),Object(d.a)(ii,fi,function(e,t){var n=t.payload;return Object(b.a)({},e,{post:n})}),Object(d.a)(ii,di,function(e,t){var n=t.payload;return Object(b.a)({},e,{postError:n})}),ii),Ei),ji=O.a.mark(Ii),vi=k("updateprofile/UPDATE_PROFILE"),wi=Object(E.a)(vi,3),xi=wi[0],yi=wi[1],ki=wi[2];Object(h.a)(xi,function(e){return{user:e.user,nickname:e.nickname,description:e.description,user_image:e.user_image}}),Object(h.a)("updateprofile/SET_ORIGINAL_PROFILE",function(e){return e}),Object(h.a)("updateprofile/INITIALIZE"),Object(h.a)("updateprofile/CHANGE_FIELD",function(e){return{key:e.key,value:e.value}});function Ii(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.d)(xi,I(xi,se));case 2:case"end":return e.stop()}},ji)}var Si={nickname:"",description:"",user_image:"",profile:null,profileError:null},_i=Object(j.a)((Oi={},Object(d.a)(Oi,"updateprofile/INITIALIZE",function(e){return Si}),Object(d.a)(Oi,"updateprofile/CHANGE_FIELD",function(e,t){var n=t.payload,a=n.key,r=n.value;return Object(b.a)({},e,Object(d.a)({},a,r))}),Object(d.a)(Oi,"updateprofile/SET_ORIGINAL_PROFILE",function(e,t){var n=t.payload;return Object(b.a)({},e,{nickname:n.nickname,description:n.description,user_image:n.user_image})}),Object(d.a)(Oi,yi,function(e,t){var n=t.payload;return Object(b.a)({},e,{profile:n})}),Object(d.a)(Oi,ki,function(e,t){var n=t.payload;return Object(b.a)({},e,{postError:n})}),Oi),Si),Ni=O.a.mark(Ci);function Ci(){return O.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(v.a)([sn(),Et(),Vn(),Ec(),fr(),Eo(),Zr(),qc(),ci(),xe(),gi(),Ii(),Ja(),Re(),_c(),Pt(),re(),J()]);case 2:case"end":return e.stop()}},Ni)}var Li=Object(lc.combineReducers)({auth:pn,loading:y,user:vt,write:Qn,list:jc,post:br,update:jo,comment:Yr,recomment:Lc,guestbook:hi,auths:Vc,users:li,profile:Ie,myprofile:Gt,updateprofile:_i,rank:Xa,award:Ge,minilist:ce,minipost:X,opener:kt,openpost:Ze,position:qe}),Ti=n(130),Ai=n(232);n(187).config({path:"../.env"});var Fi=Object(Ti.a)({typography:{fontFamily:"NanumBarunGothicSubset.woff2"}}),Ri=Object(sc.a)(),Pi=Object(lc.createStore)(Li,Object(uc.composeWithDevTools)(Object(lc.applyMiddleware)(Ri)));Ri.run(Ci),function(){try{var e=localStorage.getItem("user");if(!e)return;Pi.dispatch(pt(e)),Pi.dispatch(ft())}catch(t){console.log("localStorage is not working")}}(),i.a.render(o.a.createElement(f.a,{store:Pi},o.a.createElement(xa.a,null,o.a.createElement(Ai.a,{theme:Fi},o.a.createElement(cc,null)))),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(function(e){e.unregister()})}},[[146,1,2]]]); //# sourceMappingURL=main.c798b02a.chunk.js.map