import React from 'react'
import Link from 'next/link'
import * as Icon from 'react-feather'
import { useSelector } from 'react-redux'
import AddToCartBtn from '@/components/others/Shop/AddToCartBtn'
import NumberFormat from 'react-number-format';
import Select from 'react-select';
import Router from 'next/router'
const ProductCard = function ({ selected, product, backend, user, ...props }) {
const products = useSelector((state) => state.products)
const handleName = values => {
Router.push({
pathname: '/yamaha/Product/Motor',
query: (values&&values.length!=0)?{ filter: values["name"] }:{},
})
}
const Product = product.map((data) => {
return (
{
(data.attributes.Product_prices.data.length==0)
?"-"
:(data.attributes.Product_prices.data.length==1)
?(
i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />)
:(
i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
{" s/d "}
i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
)
}
{/*
*/}
Detail Product
);
})
return (
Showing 1-8 of 14 results
{Product}
{/* Pagination */}
)
}
export default ProductCard;