From f99e0aba70efad0deb907d8e27f09fc9f527c8a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 17 Feb 2023 17:07:50 +0700
Subject: Refactor

---
 src2/components/products/ProductSimilar.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src2/components/products/ProductSimilar.js

(limited to 'src2/components/products/ProductSimilar.js')

diff --git a/src2/components/products/ProductSimilar.js b/src2/components/products/ProductSimilar.js
new file mode 100644
index 00000000..9e2292cb
--- /dev/null
+++ b/src2/components/products/ProductSimilar.js
@@ -0,0 +1,25 @@
+import apiOdoo from '@/core/utils/apiOdoo';
+import { useEffect, useState } from 'react';
+import ProductSlider from './ProductSlider';
+
+export default function ProductSimilar({ productId }) {
+  const [similarProducts, setSimilarProducts] = useState(null);
+
+  useEffect(() => {
+    const getSimilarProducts = async () => {
+      if (productId && !similarProducts) {
+        const dataSimilarProducts = await apiOdoo('GET', `/api/v1/product/${productId}/similar?limit=20`);
+        setSimilarProducts(dataSimilarProducts);
+      }
+    }
+    getSimilarProducts();
+  }, [productId, similarProducts]);
+
+
+  return (
+    <div className="p-4">
+      <h2 className="font-bold mb-4">Kamu Mungkin Juga Suka</h2>
+      <ProductSlider products={similarProducts}/>
+    </div>
+  )
+}
\ No newline at end of file
-- 
cgit v1.2.3