import React from "react"; import classNames from "classnames"; import { makeStyles } from "@material-ui/core/styles"; import Router from 'next/router' import Header from "components/Header/Header.js"; import HeaderLinks from "components/Header/HeaderLinks.js"; import Parallax from "components/Parallax/Parallax.js"; import styles from "assets/jss/nextjs-material-kit/pages/components.js"; import Footer from "components/Footer/Footer.js"; import Getdealer from "../../api/dealer/dealer.js"; import DataSnackbarContent from "../../pages-sections/yamaha/snackbar.js"; import DataDealers from "../../pages-sections/yamaha/dealers/dealers.js"; import { QueryClient, QueryClientProvider, useQuery } from 'react-query' const queryClient = new QueryClient() const handleName = values => { Router.push({ pathname: 'yamaha/dealers', query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, }) } const useStyles = makeStyles(styles); const Dealers = function ({ selected, backend, dealers, ...props }) { const classes = useStyles(); const { ...rest } = props; return (