From 5870d104afe6689daacd2ec14b9f2014ec770012 Mon Sep 17 00:00:00 2001
From: Li1304553726 <1304553726@qq.com>
Date: Wed, 26 Mar 2025 13:07:23 +0800
Subject: [PATCH] add

---
 .../src/app/main/staffinfo_write/infoCard.tsx    | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/main/staffinfo_write/infoCard.tsx b/apps/web/src/app/main/staffinfo_write/infoCard.tsx
index 6e72cf5..78a96b7 100644
--- a/apps/web/src/app/main/staffinfo_write/infoCard.tsx
+++ b/apps/web/src/app/main/staffinfo_write/infoCard.tsx
@@ -41,6 +41,11 @@ const InfoCard: React.FC<InfoCardProps> = ({ onAdd, onHeightChange }) => {
         }
     }
 
+    const handleDelete = (index: number) => {
+        const newContents = addedContents.filter((_, i) => i !== index);
+        setAddedContents(newContents);
+    }
+
     return (
         <div className="w-full">
             <div className="flex items-center mb-3 w-full">
@@ -65,9 +70,16 @@ const InfoCard: React.FC<InfoCardProps> = ({ onAdd, onHeightChange }) => {
                 {addedContents.map((item, index) => (
                     <div 
                         key={index} 
-                        className="p-2 border border-gray-200 rounded bg-gray-50 mb-2 last:mb-0"
+                        className="flex justify-between items-center p-2 border border-gray-200 rounded bg-gray-50 mb-2 last:mb-0"
                     >
-                        {item}
+                        <span>{item}</span>
+                        <Button 
+                            type="text" 
+                            onClick={() => handleDelete(index)} 
+                            className="text-red-500"
+                        >
+                            X
+                        </Button>
                     </div>
                 ))}
             </div>