chore: InputFileの削除ボタン用ロジックを調整

kufu · Jan 15, 2025 · 0528a2a · 0528a2a
1 parent 3b0bb47
commit 0528a2a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/smarthr-ui/src/components/InputFile/InputFile.tsx b/packages/smarthr-ui/src/components/InputFile/InputFile.tsx
@@ -152,11 +152,12 @@ export const InputFile = forwardRef<HTMLInputElement, Props & ElementProps>(
     )
 
     const handleDelete = useCallback(
-      (index: number) => {
+      (e: React.MouseEvent<HTMLButtonElement>) => {
         if (!inputRef.current) {
           return
         }
 
+        const index = parseInt(e.currentTarget.value, 10)
         const newFiles = files.filter((_, i) => index !== i)
 
         updateFiles(newFiles)
@@ -184,7 +185,8 @@ export const InputFile = forwardRef<HTMLInputElement, Props & ElementProps>(
                 <Button
                   variant="text"
                   prefix={<FaTrashCanIcon />}
-                  onClick={() => handleDelete(index)}
+                  value={index}
+                  onClick={handleDelete}
                   className="smarthr-ui-InputFile-deleteButton"
                 >
                   {destroyButtonText}