From 914729a0d6ba9a9dd32d308954642439fa88c1d2 Mon Sep 17 00:00:00 2001
From: trisusilo48 <tri.susilo@altama.co.id>
Date: Mon, 9 Sep 2024 13:37:36 +0700
Subject: add manufacture logd

---
 .../product-detail/components/Information.tsx      | 40 ++++++++++++++--------
 src-migrate/types/product.ts                       |  1 +
 src/utils/solrMapping.js                           |  3 +-
 3 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src-migrate/modules/product-detail/components/Information.tsx b/src-migrate/modules/product-detail/components/Information.tsx
index c7f21d62..5df81dae 100644
--- a/src-migrate/modules/product-detail/components/Information.tsx
+++ b/src-migrate/modules/product-detail/components/Information.tsx
@@ -24,6 +24,7 @@ import {
   FingerPrintIcon,
 } from '@heroicons/react/24/outline';
 import { useProductDetail } from '../stores/useProductDetail';
+import Image from 'next/image';
 
 const Skeleton = dynamic(() =>
   import('@chakra-ui/react').then((mod) => mod.Skeleton)
@@ -34,20 +35,24 @@ type Props = {
 };
 
 const Information = ({ product }: Props) => {
-  const { selectedVariant, setSelectedVariant, setSla, setActive } =
+  const { selectedVariant, setSelectedVariant, setSla, setActive, sla } =
     useProductDetail();
   const variantOptions = product?.variants;
 
-  const querySLA = useQuery<IProductVariantSLA>({
-    queryKey: ['variant-sla', selectedVariant?.id],
-    queryFn: () => getVariantSLA(selectedVariant?.id),
-    refetchOnWindowFocus: false,
-  });
-  const sla = querySLA?.data;
-  console.log('sla', querySLA, selectedVariant);
+  // const querySLA = useQuery<IProductVariantSLA>({
+  //   queryKey: ['variant-sla', selectedVariant?.id],
+  //   queryFn: () => getVariantSLA(selectedVariant?.id),
+  //   enabled: !!selectedVariant?.id,
+  // });
+  // const sla = querySLA?.data;
+
+  const getsla = async () => {
+    const querySLA = await getVariantSLA(selectedVariant?.id);
+    setSla(querySLA);
+  };
 
   useEffect(() => {
-    setSla(querySLA?.data);
+    getsla();
   }, [selectedVariant]);
 
   const handleOnChange = (vals: any) => {
@@ -71,15 +76,17 @@ const Information = ({ product }: Props) => {
           onChange={(vals) => handleOnChange(vals)}
         >
           <InputGroup>
-            <AutoCompleteInput placeholder={
+            <AutoCompleteInput
+              placeholder={
                 selectedVariant?.code + ' - ' + selectedVariant?.attributes[0]
-              }/>
+              }
+            />
             <InputRightElement>
               <ChevronDownIcon className='h-6 w-6 text-gray-500' />
             </InputRightElement>
           </InputGroup>
 
-          <AutoCompleteList >
+          <AutoCompleteList>
             {variantOptions.map((option, cid) => (
               <AutoCompleteItem
                 key={`option-${cid}`}
@@ -107,6 +114,7 @@ const Information = ({ product }: Props) => {
           </AutoCompleteList>
         </AutoComplete>
       </div>
+
       <div className={style['row']}>
         <div className={style['label']}>Item Code</div>
         <div className={style['value']}>{selectedVariant?.code}</div>
@@ -121,9 +129,13 @@ const Information = ({ product }: Props) => {
                 product.manufacture.name,
                 product.manufacture.id.toString()
               )}
-              className='text-danger-500 hover:underline'
             >
-              {product.manufacture.name}
+              <Image
+                height={50}
+                width={100}
+                src={product.manufacture.logo}
+                alt=''
+              />
             </Link>
           ) : (
             '-'
diff --git a/src-migrate/types/product.ts b/src-migrate/types/product.ts
index 3854f304..fb9c888c 100644
--- a/src-migrate/types/product.ts
+++ b/src-migrate/types/product.ts
@@ -31,6 +31,7 @@ export interface IProduct {
   manufacture: {
     id: number;
     name: string;
+    logo: string;
   };
   voucher_pasti_hemat : any;
 }
diff --git a/src/utils/solrMapping.js b/src/utils/solrMapping.js
index 0d50b99b..1618c40a 100644
--- a/src/utils/solrMapping.js
+++ b/src/utils/solrMapping.js
@@ -65,7 +65,7 @@ export const productMappingSolr = (products, pricelist) => {
       isTkdn:product?.tkdn_b || false,
       isSni:product?.sni_b || false,
       is_in_bu:product?.is_in_bu_b || false,
-      voucherPastiHemat:product?.voucher_pastihemat || []
+      voucherPastiHemat:product?.voucher_pastihemat || [],
     };
 
     if (product.manufacture_id_i && product.manufacture_name_s) {
@@ -74,6 +74,7 @@ export const productMappingSolr = (products, pricelist) => {
         name: product.manufacture_name_s || '',
         imagePromotion1: product.image_promotion_1_s || '',
         imagePromotion2: product.image_promotion_2_s || '',
+        logo : product.x_logo_manufacture_s || '',
       };
     }
 
-- 
cgit v1.2.3