import React from "react"; import classNames from "classnames"; import {makeStyles} from "@material-ui/core/styles"; import Select from 'react-select'; import People from "@material-ui/icons/People"; import LocationOn from "@material-ui/icons/LocationOn"; import Lock from "@material-ui/icons/Lock"; import image1 from "assets/img/mail.png" import CustomInput from "components/CustomInput/CustomInput.js"; import InputAdornment from "@material-ui/core/InputAdornment"; import Button from "components/CustomButtons/Button.js"; import Icon from "@material-ui/core/Icon"; import Card from "components/Card/Card.js"; import CardBody from "components/Card/CardBody.js"; import GridContainer from "components/Grid/GridContainer.js"; import SnackbarContent from "components/Snackbar/SnackbarContent.js"; import NavPills from "components/NavPills/NavPills.js"; import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/pillsStyle.js"; import Grid from '@material-ui/core/Grid'; import Paper from '@material-ui/core/Paper'; const useStyles = makeStyles((theme) => ({ root: { flexGrow: 1 }, paper: { padding: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary } })); const DataApparel = function ({ profile, user, ...props }) { const [pass, setPass] = React.useState(""); const classes = useStyles(); const { ...rest } = props; const imageClasses = classNames( classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid ); const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); const Profile = profile.map((data) => { return (

Profile Saya

Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun
Username
: {data.username}
Nama
: {data.firstName}
Email
: {data.email}
Nomer Telpon
: {data.telp}
) }, { tabButton: "Alamat", tabIcon: LocationOn, tabContent: (

Alamat Saya

Kelola informasi Alamat Anda untuk Proses Pengirim Barang



Nama
: {data.firstName}
Telpon
: {data.telp}
Alamat
: {data.address}
) }, { tabButton: "Ubah Password", tabIcon: Lock, tabContent: (

Ubah Password

Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke orang lain



Password Saat Ini
setPass(event.target.value), type: "password", endAdornment: ( lock_outline ), autoComplete: "off" }}/>


Password Baru
setPass(event.target.value), type: "password", endAdornment: ( lock_outline ), autoComplete: "off" }}/>


Konfirmasi Password
setPass(event.target.value), type: "password", endAdornment: ( lock_outline ), autoComplete: "off" }}/>
) } ]}/> ); }) return (
Profile} align="center" color="info"/>
{Profile}




); } export default DataApparel;