import React from "react"; import { makeStyles } from "@material-ui/core/styles"; import Select from 'react-select'; import GridContainer from "components/Grid/GridContainer.js"; import Grid from '@material-ui/core/Grid'; import Card from "components/Card/Card.js"; import CardBody from "components/Card/CardBody.js"; import CardHeader from "components/Card/CardHeader.js"; import Quote from "components/Typography/Quote.js" import Icon from "@material-ui/core/Icon"; import Button from "components/CustomButtons/Button.js"; import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; const useStyles = makeStyles(styles); const DataDealer = function ({ backend, dealers, ...props }) { const classes = useStyles(); // const handleKotaDealer = value => { // console.log(value) // } const handleName = values => { console.log(values) } const Dealers = dealers.map((data) => { return (
{data.name}
); }) return (

Dealers & Service

`${option.kota_dealer} ${option.kota_dealer}`} getOptionValue={option => option.id} options={dealers} instanceId="kota_dealer" placeholder="filter by Kota Dealer" onChange={value => handleKotaDealer(value.map(kota_dealer => kota_dealer.id))} /> */}
{Dealers}
); } export default DataDealer;