選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

1 行
6.2 KiB

  1. {"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"province\", \"cities\", \"editprofile\", \"user\", \"profile\"];\nvar __jsx = React.createElement;\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\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 styles from 'assets/jss/nextjs-material-kit/pages/profilePage.js';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport InputLabel from '@material-ui/core/InputLabel';\nimport TextField from '@material-ui/core/TextField';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { Hidden } from '@material-ui/core';\nvar useStyles = makeStyles(styles);\n\nvar EditProfile = function EditProfile(_ref) {\n var province = _ref.province,\n cities = _ref.cities,\n editprofile = _ref.editprofile,\n user = _ref.user,\n profile = _ref.profile,\n props = _objectWithoutProperties(_ref, _excluded);\n\n console.log(province);\n\n var _React$useState = React.useState(''),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n age = _React$useState2[0],\n setAge = _React$useState2[1];\n\n var handleChange = function handleChange(event) {\n setAge(event.target.value);\n };\n\n var classes = useStyles(); // const Province = province.map((data) => {\n // return (\n // <div>\n // </div>\n // );\n // })\n\n return __jsx(Card, {\n className: classes.textCenter\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(CardHeader, {\n color: \"info\"\n }, \"Edit Profile\")), __jsx(CardBody, null, __jsx(\"div\", null, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(Grid, {\n item: \"item\",\n xs: 12\n }, __jsx(\"div\", {\n align: \"left\"\n }, __jsx(\"h3\", null, \"Edit Data Pribadi\"), __jsx(\"span\", null, \"Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun\"), __jsx(\"hr\", null))), __jsx(Grid, {\n container: true,\n spacing: 3,\n justify: \"center\",\n style: {\n padding: '10px'\n }\n }, __jsx(Grid, {\n item: true,\n xs: 6\n }, __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Username\",\n style: {\n margin: 8\n },\n placeholder: \"Masukan Username Baru\",\n fullWidth: true,\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\"\n })), __jsx(Grid, {\n item: true,\n xs: 6\n }, __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Nama\",\n style: {\n margin: 8\n },\n placeholder: \"Masukan Nama Baru\",\n fullWidth: true,\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\"\n })), __jsx(Grid, {\n item: true,\n xs: 6\n }, __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Email\",\n style: {\n margin: 8\n },\n placeholder: \"Masukan Email Baru\",\n fullWidth: true,\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\"\n })), __jsx(Grid, {\n item: true,\n xs: 6\n }, __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Nomer Telpon\",\n style: {\n margin: 8\n },\n placeholder: \"Masukan Nomer Telpon Baru\",\n fullWidth: true,\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\"\n })))), __jsx(\"br\", null), __jsx(Grid, {\n item: \"item\",\n xs: 12\n }, __jsx(\"div\", {\n align: \"left\"\n }, __jsx(\"h3\", null, \"Edit Data Alamat\"), __jsx(\"span\", null, \"Kelola informasi alamat anda untuk kemudahan dalam pengirim barang\"), __jsx(\"hr\", null))), __jsx(Grid, {\n container: true,\n spacing: 3,\n justify: \"center\",\n style: {\n padding: '10px'\n }\n }, __jsx(Grid, {\n item: true,\n xs: 6\n }, __jsx(FormControl, {\n className: classes.formControl\n }, __jsx(InputLabel, {\n id: \"demo-simple-select-helper-label\"\n }, \"Provinsi\"), __jsx(Select, {\n style: {\n width: '580px'\n },\n labelId: \"demo-simple-select-helper-label\",\n id: \"demo-simple-select-helper\",\n value: age,\n onChange: handleChange\n }, __jsx(MenuItem, {\n value: \"\"\n }, __jsx(\"em\", null, \"None\")), __jsx(MenuItem, {\n value: 1\n }, \"asdasdsada\")))), __jsx(Grid, {\n item: true,\n xs: 6\n }, __jsx(FormControl, {\n className: classes.formControl\n }, __jsx(InputLabel, {\n id: \"demo-simple-select-helper-label\"\n }, \"Kota\"), __jsx(Select, {\n style: {\n width: '580px'\n },\n labelId: \"demo-simple-select-helper-label\",\n id: \"demo-simple-select-helper\",\n value: age,\n onChange: handleChange\n }, __jsx(MenuItem, {\n value: \"\"\n }, __jsx(\"em\", null, \"None\")), __jsx(MenuItem, {\n value: 10\n }, \"Ten\"), __jsx(MenuItem, {\n value: 20\n }, \"Twenty\"), __jsx(MenuItem, {\n value: 30\n }, \"Thirty\")))), __jsx(Grid, {\n item: true,\n xs: 12\n }, __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Alamat Lengkap\",\n placeholder: \"Masukan Username Baru\",\n fullWidth: true,\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\"\n })))), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/cart/checkout?s=\"\n }, __jsx(Icon, {\n className: classes.icons\n }, \"save\"), \"Simpan Perubahan\"))), __jsx(CardFooter, {\n className: classes.textMuted,\n textalign: \"center\"\n }, \"\\xA9 2020 , All Right Reserved by @Thamrin Brother Company\"));\n};\n\nexport default EditProfile;","map":null,"metadata":{},"sourceType":"module"}