summaryrefslogtreecommitdiff
path: root/src-migrate/modules/product-detail/components/SimilarBottom.tsx
blob: 9a12a6efd1632420fd095d8c1ee92886fbe72a64 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import React from 'react'
import useProductSimilar from '~/modules/product-similar/hooks/useProductSimilar'
import ProductSlider from '~/modules/product-slider'
import { IProductDetail } from '~/types/product'

type Props = {
  product: IProductDetail
}

const SimilarBottom = ({ product }: Props) => {
  const productSimilar = useProductSimilar({
    name: product.name,
    except: { productId: product.id }
  })

  const products = productSimilar.data?.products || []

  return <ProductSlider products={products} productLayout='vertical' />;
}

export default SimilarBottom