From 5c3162cc33a32ecaa0b565b714f83951e14c5bb2 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Mon, 1 Apr 2024 19:58:41 +0800
Subject: [PATCH] fix: http delete btn hide

---
 .../key-value/key-value-edit/index.tsx        |  2 +-
 .../key-value/key-value-edit/input-item.tsx   | 23 ++++++-------------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx
index 3e605bc223..14e02f6c96 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx
@@ -69,7 +69,7 @@ const KeyValueList: FC<Props> = ({
       {
         list.map((item, index) => (
           <KeyValueItem
-            key={index}
+            key={item.key + index}
             nodeId={nodeId}
             payload={item}
             onChange={handleChange(index)}
diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
index e665b7fdca..32af06778d 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
@@ -50,16 +50,6 @@ const InputItem: FC<Props> = ({
     <div className={cn(className, 'hover:bg-gray-50 hover:cursor-text', 'relative flex h-full items-center')}>
       {(!readOnly)
         ? (
-          // <input
-          //   type='text'
-          //   className='w-full h-[18px] leading-[18px] pl-0.5  text-gray-900 text-xs font-normal placeholder:text-gray-300 focus:outline-none focus:ring-1 focus:ring-inset focus:ring-gray-200'
-          //   value={value}
-          //   onChange={handleChange}
-          //   onBlur={setIsEditFalse}
-          //   autoFocus
-          //   placeholder={placeholder}
-          //   readOnly={readOnly}
-          // />
           <Input
             className={cn(isFocus ? 'bg-gray-100' : 'bg-width', 'w-0 grow px-3 py-1')}
             value={value}
@@ -87,13 +77,14 @@ const InputItem: FC<Props> = ({
               placeholderClassName='!leading-[21px]'
             />
           )}
-          {hasRemove && !isFocus && (
-            <RemoveButton
-              className='group-hover:block hidden absolute right-1 top-0.5'
-              onClick={handleRemove}
-            />
-          )}
+
         </div>}
+      {hasRemove && !isFocus && (
+        <RemoveButton
+          className='group-hover:block hidden absolute right-1 top-0.5'
+          onClick={handleRemove}
+        />
+      )}
     </div>
   )
 }