tbg-ecomm-nextjs/.next/cache/next-babel-loader/06b416f3b25cace3d374e4a38401c919.json

{"ast":null,"code":"var __jsx = React.createElement;\nimport React from \"react\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport Icon from \"@material-ui/core/Icon\"; // @material-ui/icons\n\nimport Email from \"@material-ui/icons/Email\";\nimport People from \"@material-ui/icons/People\"; // core components\n\nimport Header from \"components/Header/Header.js\";\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/loginPage.js\";\nimport image from \"assets/img/bgtbg.jpg\";\nimport Collapse from \"@material-ui/core/Collapse\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport { useRouter } from \"next/router\";\nconst useStyles = makeStyles(styles);\nexport default function LoginPage(props) {\n  const [cardAnimaton, setCardAnimation] = React.useState(\"cardHidden\");\n  const [email, setEmail] = React.useState(\"\");\n  const [pass, setPass] = React.useState(\"\");\n  const [open, setOpen] = React.useState(false);\n  const [error, setError] = React.useState(\"\");\n  const router = useRouter();\n  setTimeout(function () {\n    setCardAnimation(\"\");\n  }, 700);\n  const classes = useStyles();\n  const rest = Object.assign({}, props);\n\n  const submitHandler = async event => {\n    event.preventDefault();\n    const res = await fetch(\"../api/auth/login\", {\n      body: JSON.stringify({\n        partner: \"honda\",\n        email: email,\n        pass: pass\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\"\n      },\n      method: \"POST\"\n    }); // console.log(\"res\", res.S);\n\n    if (res.ok) {\n      router.push(\"/honda/home\");\n    } else {\n      setError(await res.text());\n      setOpen(true);\n    }\n  };\n\n  return __jsx(\"div\", null, __jsx(Collapse, {\n    className: classes.collapsible,\n    in: open\n  }, __jsx(Alert, {\n    severity: \"error\",\n    action: __jsx(IconButton, {\n      \"aria-label\": \"close\",\n      color: \"inherit\",\n      size: \"small\",\n      onClick: () => {\n        setOpen(false);\n      }\n    }, __jsx(CloseIcon, {\n      fontSize: \"inherit\"\n    }))\n  }, error)), __jsx(\"div\", {\n    className: classes.pageHeader,\n    style: {\n      backgroundImage: \"url(\" + image + \")\",\n      backgroundSize: \"cover\",\n      backgroundPosition: \"top center\"\n    }\n  }, __jsx(\"div\", {\n    className: classes.container\n  }, __jsx(GridContainer, {\n    justify: \"center\"\n  }, __jsx(GridItem, {\n    xs: 6\n  }, __jsx(Card, {\n    className: classes[cardAnimaton]\n  }, __jsx(\"form\", {\n    onSubmit: submitHandler,\n    className: classes.form\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    className: classes.cardHeader\n  }, __jsx(\"h4\", null, \"Login\")), __jsx(\"p\", {\n    className: classes.divider\n  }, \"Selamat Datang di Halaman Login Thamrin Brothers\"), __jsx(CardBody, null, __jsx(CustomInput, {\n    labelText: \"Email...\",\n    id: \"email\",\n    value: email,\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      type: \"email\",\n      onChange: event => setEmail(event.target.value),\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(Email, {\n        className: classes.inputIconsColor\n      }))\n    }\n  }), __jsx(CustomInput, {\n    labelText: \"Password\",\n    id: \"pass\",\n    value: pass,\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      onChange: event => setPass(event.target.value),\n      type: \"password\",\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(Icon, {\n        className: classes.inputIconsColor\n      }, \"lock_outline\")),\n      autoComplete: \"off\"\n    }\n  })), __jsx(CardFooter, {\n    className: classes.cardFooter\n  }, __jsx(Button, {\n    type: \"submit\",\n    color: \"info\",\n    size: \"lg\"\n  }, \"Login\"), __jsx(Button, {\n    href: \"/honda/register\",\n    color: \"info\",\n    size: \"lg\"\n  }, \"Register\")))))))));\n}","map":null,"metadata":{},"sourceType":"module"}