https://imfood-landing.vercel.app/_next/static/chunks/pages/login-cb189e371ec56682.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[459],{6983:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/login",function(){return e(3843)}])},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"})},3843:function(n,t,e){"use strict";e.r(t);var o=e(4489),r=e(2676),i=e(5271),a=e(4241),l=e(8030),s=e(4636),c=e(8044),u=e(5392),d=e(32),p=e(3214),f=e(5122),h=e(5672),m=e.n(h),g=e(3989),x=e.n(g),b=e(7515),w=e(8285),j=e(9135),Z=e(5366);function _(){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 _=function(){return n},n}function k(){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 k=function(){return n},n}function y(){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 y=function(){return n},n}function v(){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 v=function(){return n},n}function C(){let n=(0,o._)(["\n	color: #54b5c0;\n	font-weight: bold;\n"]);return C=function(){return n},n}let S={title:"마이페이지 | (주)일미푸드",description:"일미푸드의 마이페이지를 소개합니다. 회원가입 및 로그인 후 마이페이지에서 주문 내역 확인 및 개인정보 관리를 할 수 있습니다.",openGraph:{title:"마이페이지 | (주)일미푸드",description:"일미푸드의 마이페이지를 소개합니다. 회원가입 및 로그인 후 마이페이지에서 주문 내역 확인 및 개인정보 관리를 할 수 있습니다.",images:[{url:"https://imfood-landing.vercel.app/images/carousel/main2.jpg",width:1200,height:630,alt:"일미푸드 마이페이지"}]},additionalMetaTags:[{name:"keywords",content:"일미푸드, 피클 제조 공정, 식품 생산 과정, 오이 피클, 품질 관리"}],additionalLinkTags:[{rel:"icon",href:"/logo.png"}]};t.default=()=>{let n=(0,Z.useRouter)(),[t,e]=(0,i.useState)(""),[o,u]=(0,i.useState)(""),[d,p]=(0,i.useState)(!1),[f,h]=(0,i.useState)(!1),[g,x]=(0,j.KO)(w.t),_=async t=>{try{let e=await (0,b.x)(t.username,t.password);x(e.token),localStorage.setItem("token",e.token),p(!0),n.push("/mypage")}catch(n){h(!0)}};return(0,i.useEffect)(()=>{},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.PB,{...S}),(0,r.jsxs)(l.W,{sx:{height:"100vh"},children:[(0,r.jsx)(m(),{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.jsxs)(s.Z,{sx:{fontSize:12,color:"#888888",textAlign:"center",marginBottom:5},fontWeight:700,children:["로그인 후 마이페이지에서 발주 신청 ",(0,r.jsx)("br",{})," 및 조회를 할 수 있습니다."]}),(0,r.jsxs)(P,{children:[(0,r.jsx)(z,{label:"아이디",variant:"filled",value:t,onChange:n=>e(n.target.value)}),(0,r.jsx)(z,{label:"비밀번호",variant:"filled",type:"password",value:o,onChange:n=>u(n.target.value)})]}),(0,r.jsx)(E,{onClick:()=>_({username:t,password:o}),children:"로그인"}),(0,r.jsx)("a",{href:"mailto:[email protected]",style:{color:"#54b5c0"},children:"비밀번호를 잃어버리셨나요?"}),(0,r.jsxs)(I,{children:[(0,r.jsx)(s.Z,{sx:{fontSize:16},children:"아직 회원이 아니신가요?"}),(0,r.jsx)("a",{href:"mailto:[email protected]",style:{color:"#54b5c0"},children:"회원가입 문의하기"})]}),(0,r.jsx)(c.Z,{open:d,autoHideDuration:3e3,onClose:()=>p(!1),message:"로그인 성공!"}),(0,r.jsx)(c.Z,{open:f,autoHideDuration:3e3,onClose:()=>h(!1),message:"로그인 실패!"})]})]})};let P=(0,u.ZP)(d.Z)(_()),z=(0,u.ZP)(p.Z)(k()),E=(0,u.ZP)(f.Z)(y()),I=(0,u.ZP)(d.Z)(v());(0,u.ZP)(x())(C())}},function(n){n.O(0,[214,888,774,179],function(){return n(n.s=6983)}),_N_E=n.O()}]);