<iman> update category management

2 files changed, 47 insertions, 60 deletions

diff --git a/src/lib/category/components/Category.jsx b/src/lib/category/components/Category.jsx
index 1f3d7a51..ff958378 100644
--- a/src/lib/category/components/Category.jsx
+++ b/src/lib/category/components/Category.jsx
@@ -31,7 +31,7 @@ const Category = () => {
     }
     loadCategories()
   }, [])
-  console.log("categories",categories)
+  // console.log("categories",categories)
 
   return (
     <DesktopView>
diff --git a/src/lib/category/components/PopularBrand.jsx b/src/lib/category/components/PopularBrand.jsx
index 32623f91..dca731e8 100644
--- a/src/lib/category/components/PopularBrand.jsx
+++ b/src/lib/category/components/PopularBrand.jsx
@@ -1,5 +1,5 @@
 import odooApi from '@/core/api/odooApi'
-import {React } from 'react'
+import React, { useEffect, useState } from 'react'
 import axios from 'axios';
 import { useQuery } from 'react-query'
 import Link from '@/core/components/elements/Link/Link'
@@ -8,89 +8,76 @@ import Image from 'next/image'
 import { ChevronRightIcon } from '@heroicons/react/24/outline'
 import useProductSearch from '../../../lib/product/hooks/useProductSearch';
 import { SolrResponse } from "~/types/solr";
-import {fetchPromoItemsSolr} from '../api/popularProduct'
+import { fetchPromoItemsSolr } from '../api/popularProduct'
+
 const SOLR_HOST = process.env.SOLR_HOST
 
 const PopularBrand = ({ category }) => {
+    const [topBrands, setTopBrands] = useState([]);
 
-    const queryFinal = {
-        fq: `category_id_ids:(${category.categoryDataIds.join(' OR ')})`,
-        fl: 'manufacture_name_s,qty_sold_f',
-        sort: 'qty_sold_f desc',
-        rows: '2000'
-    };
-    
-    // Konversi objek queryFinal menjadi string query
-    // const queryString = new URLSearchParams(queryFinal).toString();
-    
-    async function fetchTopBrands() {
+    const fetchTopBrands = async () => {
         try {
-            // const items = await fetchPromoItemsSolr(`category_id_ids:(${category.categoryDataIds.join(' OR ')})`); 
-            const items = await fetchPromoItemsSolr(`type_value_s:discount_loading`);
-
-            console.log("queryFinal", queryFinal);
-            console.log("items", items);
-    
+            const items = await fetchPromoItemsSolr(`category_id_ids:(${category.categoryDataIds.join(' OR ')})`);
+            // console.log("id",items)
             // Fungsi untuk deduplikasi dan mengambil 12 nama brand teratas
-            function getTop12UniqueBrands(products) {
+            const getTop12UniqueBrands = (prod) => {
                 const brandSet = new Set();
                 const topBrands = [];
-    
-                for (const product of products) {
-                    if (!brandSet.has(product.manufacture_name_s)) {
-                        brandSet.add(product.manufacture_name_s);
-                        topBrands.push(product.manufacture_name_s);
+                
+                for (const product of prod) {
+                    if (!brandSet.has(product.manufacture_name)) {
+                        brandSet.add(product.manufacture_name);
+                        topBrands.push({ name: product.manufacture_name, id: product.manufacture_id });
+                    }else{
                     }
-                    if (topBrands.length === 12) break;
+                    if (topBrands.length === 18) break;
                 }
-    
                 return topBrands;
             }
-    
+
             // Menggunakan hasil pencarian produk
             const products = items;
             const top12UniqueBrands = getTop12UniqueBrands(products);
-    
-            console.log('top12UniqueBrands',top12UniqueBrands);
-            return top12UniqueBrands;
+
+            // console.log('top12UniqueBrands', top12UniqueBrands);
+            setTopBrands(top12UniqueBrands);
         } catch (error) {
             console.error("Error fetching data from Solr", error);
             throw error;
         }
     }
-    
-    fetchTopBrands();
 
+    useEffect(() => {
+        fetchTopBrands();
+    }, [category]);
 
-  return (
-    <div className='flex flex-col'>
-                  <div className='grid grid-cols-2 max-h-full w-full gap-2'>
-                    {category.childs.map((brand, index) => (
-                      (index < 8 ) && (
-                        <div key={brand.id} className='w-full flex items-center justify-center pb-2'>
-                          <Link
-                            href={createSlug('/shop/category/', brand.name, brand.id)}
-                            className='category-mega-box__child-one w-fit h-full flex items-center justify-center '
-                          >
-                            <Image src='https://erp.indoteknik.com/api/image/x_manufactures/x_logo_manufacture/661' alt='' width={104} height={44} objectFit='cover' />
-                          </Link>
-                        </div>
-                      )
-                    ))}
-                  </div>
-                  {category.childs.length > 8 && (
-                    <div className='flex hover:bg-gray_r-8/35 rounded-10'>
-                      <Link
+    return (
+        <div className='flex flex-col'>
+            <div className='grid grid-cols-3 max-h-full w-full gap-2'>
+                {topBrands.map((brand, index) => (
+                    <div key={index} className='w-full flex items-center justify-center pb-2'>
+                        <Link
+                            href={createSlug('/shop/brands/', brand.name, brand.id)}
+                            className='category-mega-box__child-one w-8 h-full flex items-center justify-center '
+                        >
+                            <Image src={`https://erp.indoteknik.com/api/image/x_manufactures/x_logo_manufacture/${brand.id}` } alt={`${brand.name}`} width={104} height={44} objectFit='cover' />
+                        </Link>
+                    </div>
+                ))}
+            </div>
+            {/* {topBrands.length > 8 && (
+                <div className='flex hover:bg-gray_r-8/35 rounded-10'>
+                    <Link
                         href={createSlug('/shop/category/', category.name, category.id)}
                         className='category-mega-box__child-one flex items-center gap-4 font-bold hover:ml-4'
-                      >
+                    >
                         <p className='mt-2 mb-0 text-danger-500 font-semibold'>Lihat Semua Brand</p>
                         <ChevronRightIcon className='w-4 text-danger-500 font-bold' />
-                      </Link>
-                    </div>
-        )}
-    </div>
-  )
+                    </Link>
+                </div>
+            )} */}
+        </div>
+    )
 }
 
-export default PopularBrand
+export default PopularBrand;