Merge branch 'main' of http://113.45.157.195:3003/linfeng/staff_data

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>