https://imfood-landing.vercel.app/_next/static/chunks/pages/change-password-57c8b48ce9ec5d62.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[125],{4460:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/change-password",function(){return e(4364)}])},7515:function(n,t,e){"use strict";e.d(t,{C:function(){return a},x:function(){return i}});var o=e(656);let r="https://api.ilmi-food.com",i=async(n,t)=>{let e=new FormData;return e.append("username",n),e.append("password",t),(await o.Z.post("".concat(r,"/login"),e)).data},a=async(n,t)=>{let e=localStorage.getItem("token");return(await o.Z.post("".concat(r,"/member/change-password"),{oldPassword:n,newPassword:t},{withCredentials:!0,headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(e)}})).data}},8030:function(n,t,e){"use strict";e.d(t,{W:function(){return i}});var o=e(5392),r=e(32);let i=(0,o.ZP)(r.Z)({width:"100%",display:"flex",flexDirection:"column",boxSizing:"border-box",justifyContent:"center",alignItems:"center"})},4364:function(n,t,e){"use strict";e.r(t);var o=e(4489),r=e(2676),i=e(5271),a=e(8030),s=e(4636),u=e(8044),l=e(5392),c=e(32),d=e(3214),p=e(5122),f=e(5672),g=e.n(f),h=e(3989),x=e.n(h),m=e(7515),b=e(5366);function w(){let n=(0,o._)(["\n	width: 100%;\n	display: flex;\n	flex-direction: column;\n	gap: 10px;\n	align-items: center;\n	margin-bottom: 20px;\n"]);return w=function(){return n},n}function Z(){let n=(0,o._)(["\n	width: 90%;\n	max-width: 500px;\n	border-radius: 25px;\n	background-color: #f6f6f6;\n\n	& .MuiFilledInput-root {\n		background-color: transparent !important;\n		border: none !important;\n		&:before,\n		&:after {\n			border: none !important;\n		}\n	}\n\n	& .MuiFilledInput-root.Mui-focused {\n		background-color: transparent !important;\n		border: none !important;\n		&:before,\n		&:after {\n			border: none !important;\n		}\n	}\n\n	& .MuiInputLabel-root {\n		color: #888888 !important;\n		&.Mui-focused {\n			color: #54b5c0 !important;\n		}\n	}\n"]);return Z=function(){return n},n}function _(){let n=(0,o._)(["\n	width: 90%;\n	max-width: 500px;\n	height: 60px;\n	border-radius: 30px;\n	background-color: #54b5c0;\n	color: white;\n	font-weight: bold;\n	font-size: 16px;\n	margin-bottom: 20px;\n"]);return _=function(){return n},n}function j(){let n=(0,o._)(["\n	position: absolute;\n	bottom: 40px;\n	font-size: 16px;\n	display: flex;\n	align-items: center;\n	gap: 8px;\n"]);return j=function(){return n},n}function y(){let n=(0,o._)(["\n	color: #54b5c0;\n	font-weight: bold;\n"]);return y=function(){return n},n}t.default=()=>{let n=(0,b.useRouter)(),[t,e]=(0,i.useState)(""),[o,l]=(0,i.useState)(""),[c,d]=(0,i.useState)(!1),[p,f]=(0,i.useState)(!1),h=async t=>{try{let e=await (0,m.C)(t.oldPassword,t.newPassword);console.log("response: ",e),d(!0),n.push("/mypage")}catch(n){f(!0)}};return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(a.W,{sx:{height:"100vh"},children:[(0,r.jsx)(g(),{src:"/images/login/login.png",alt:"일미푸드 로고",width:100,height:100,style:{marginBottom:20,borderRadius:"50%",boxShadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.4)"}}),(0,r.jsx)(s.Z,{variant:"h6",fontWeight:700,children:"비밀번호 변경"}),(0,r.jsx)(s.Z,{sx:{fontSize:12,color:"#888888",textAlign:"center",marginBottom:5},fontWeight:700,children:"비밀번호를 변경하실 수 있습니다."}),(0,r.jsxs)(C,{children:[(0,r.jsx)(v,{label:"현재 비밀번호",variant:"filled",value:t,onChange:n=>e(n.target.value)}),(0,r.jsx)(v,{label:"새 비밀번호",variant:"filled",type:"password",value:o,onChange:n=>l(n.target.value)})]}),(0,r.jsx)(k,{onClick:()=>h({oldPassword:t,newPassword:o}),children:"비밀번호 변경"}),(0,r.jsx)(u.Z,{open:c,autoHideDuration:3e3,onClose:()=>d(!1),message:"비밀번호 변경 성공"}),(0,r.jsx)(u.Z,{open:p,autoHideDuration:3e3,onClose:()=>f(!1),message:"비밀번호 변경 실패"})]})})};let C=(0,l.ZP)(c.Z)(w()),v=(0,l.ZP)(d.Z)(Z()),k=(0,l.ZP)(p.Z)(_());(0,l.ZP)(c.Z)(j()),(0,l.ZP)(x())(y())}},function(n){n.O(0,[214,888,774,179],function(){return n(n.s=4460)}),_N_E=n.O()}]);