From baa029e404f499f7e09b9d9a152bd8c676411684 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 13 Nov 2024 15:23:59 +0700
Subject: <iman> fix bug select variant

---
 .../modules/product-detail/components/Information.tsx        | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'src-migrate/modules')

diff --git a/src-migrate/modules/product-detail/components/Information.tsx b/src-migrate/modules/product-detail/components/Information.tsx
index ec606423..d500ff6e 100644
--- a/src-migrate/modules/product-detail/components/Information.tsx
+++ b/src-migrate/modules/product-detail/components/Information.tsx
@@ -12,7 +12,7 @@ import { useEffect, useRef, useState } from 'react';
 
 import currencyFormat from '@/core/utils/currencyFormat';
 import { InputGroup, InputRightElement } from '@chakra-ui/react';
-import { ChevronDownIcon } from '@heroicons/react/24/outline';
+import { ChevronDownIcon, XMarkIcon } from '@heroicons/react/24/outline';
 import Image from 'next/image';
 import { formatToShortText } from '~/libs/formatNumber';
 import { createSlug } from '~/libs/slug';
@@ -35,7 +35,7 @@ const Information = ({ product }: Props) => {
   const [inputValue, setInputValue] = useState<string | null>(
     selectedVariant?.code + ' - ' + selectedVariant?.attributes[0]
   );
-
+  const [disableFilter, setDisableFilter] = useState<boolean>(false);
   const inputRef = useRef<HTMLInputElement>(null);
 
   const [variantOptions, setVariantOptions] = useState<any[]>(
@@ -85,6 +85,7 @@ const Information = ({ product }: Props) => {
   };
 
   const handleOnKeyUp = (e: any) => {
+    setDisableFilter(false);
     setInputValue(e.target.value);
   };
 
@@ -98,6 +99,7 @@ const Information = ({ product }: Props) => {
           </span>{' '}
         </label>
         <AutoComplete
+          disableFilter={disableFilter}
           openOnFocus
           className='form-input'
           onChange={(vals) => handleOnChange(vals)}
@@ -108,7 +110,11 @@ const Information = ({ product }: Props) => {
               value={inputValue as string}
               onChange={(e) => handleOnKeyUp(e)}
             />
-            <InputRightElement>
+            <InputRightElement className='mr-4'>
+              <XMarkIcon
+                className='h-6 w-6 text-gray-500'
+                onClick={() => setDisableFilter(true)}
+              />
               <ChevronDownIcon
                 className='h-6 w-6 text-gray-500'
                 onClick={() => inputRef?.current?.focus()}
-- 
cgit v1.2.3


From c18b82d1cc4342cc99f384da9b1236b25815e2d7 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 13 Nov 2024 15:30:23 +0700
Subject: <iman> fix bug

---
 src-migrate/modules/product-detail/components/Information.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'src-migrate/modules')

diff --git a/src-migrate/modules/product-detail/components/Information.tsx b/src-migrate/modules/product-detail/components/Information.tsx
index d500ff6e..b9f4be91 100644
--- a/src-migrate/modules/product-detail/components/Information.tsx
+++ b/src-migrate/modules/product-detail/components/Information.tsx
@@ -12,7 +12,7 @@ import { useEffect, useRef, useState } from 'react';
 
 import currencyFormat from '@/core/utils/currencyFormat';
 import { InputGroup, InputRightElement } from '@chakra-ui/react';
-import { ChevronDownIcon, XMarkIcon } from '@heroicons/react/24/outline';
+import { ChevronDownIcon } from '@heroicons/react/24/outline';
 import Image from 'next/image';
 import { formatToShortText } from '~/libs/formatNumber';
 import { createSlug } from '~/libs/slug';
@@ -68,6 +68,7 @@ const Information = ({ product }: Props) => {
   }, [selectedVariant]);
 
   const handleOnChange = (vals: any) => {
+    setDisableFilter(true);
     let code = vals.replace(/\s-\s.*$/, '').trim();
     let variant = variantOptions.find((item) => item.code === code);
     setSelectedVariant(variant);
@@ -109,12 +110,9 @@ const Information = ({ product }: Props) => {
               ref={inputRef}
               value={inputValue as string}
               onChange={(e) => handleOnKeyUp(e)}
+              onFocus={() => setDisableFilter(true)}
             />
             <InputRightElement className='mr-4'>
-              <XMarkIcon
-                className='h-6 w-6 text-gray-500'
-                onClick={() => setDisableFilter(true)}
-              />
               <ChevronDownIcon
                 className='h-6 w-6 text-gray-500'
                 onClick={() => inputRef?.current?.focus()}
-- 
cgit v1.2.3