From 554ad2c5a893fde561e65e91003d1d2efa71f99c Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Fri, 28 Mar 2025 18:02:13 +0900
Subject: [PATCH] =?UTF-8?q?searInput=20=EC=98=A4=EB=A5=98=20=EC=9D=BC?=
 =?UTF-8?q?=EB=8B=A8=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=ED=85=8C=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=94=20=ED=97=A4=EB=8D=94=20=3F=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/search_input/index.tsx             | 19 ++++++++++++++++---
 .../src/ui/table/index.tsx                    |  2 +-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/common/business_components/src/ui/search_input/index.tsx b/packages/common/business_components/src/ui/search_input/index.tsx
index 0da6cffdc..bd634aa21 100644
--- a/packages/common/business_components/src/ui/search_input/index.tsx
+++ b/packages/common/business_components/src/ui/search_input/index.tsx
@@ -3,13 +3,26 @@ import React from "react";
 
 const SearchInput = React.forwardRef<HTMLInputElement, {className:string, label:string, textValue:string, setText:(val:string)=>void}>(({className, label, textValue, setText}, ref) => {
     const changeText=(e:React.ChangeEvent<HTMLInputElement>)=>{
-        if(e?.target?.value) setText(e.target.value)
-    }
+        
+        if(e?.target?.value){
+
+            setText(e.target.value)
+        } 
+            
+
+            
+        }
+
+        const keyUp=(e:any)=>{
+            if(e.keyCode===8  && e.target.value.length==1){
+                setText('')
+            }
+        }
 
     return (
         <div className={className+" flex items-center"} >
             {label && <Label className="w-20 text-base text-gray-600">{label}</Label>}
-            <Input className="flex-1 ml-8 w-3/4 h-10 border rounded" value={textValue} onChange={changeText}></Input>
+            <Input className="flex-1 ml-8 w-3/4 h-10 border rounded" value={textValue} onChange={changeText} onKeyUp={keyUp}></Input>
         </div>
     )
 });
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index b8c2706bc..9635a7e21 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -36,7 +36,7 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
         <TableBody className='text-center'>
           {tableData?.map((el: { [key: string]: string | number | boolean }, index) => (
             <TableRow key={index + "row"} >
-              {headlist.map((head) => (
+              {headlist?.map((head) => (
                 <TableCell className="cursor-pointer" onClick={()=>cellClick && cellClick(index)} key={head.id + index}>{el[head.id]}</TableCell>
               ))}
             </TableRow>