| 1 |
import { useState, useRef } from 'react' |
| 2 |
import { removeFileFromList } from '../utils/fileUtils' |
| 3 |
|
| 4 |
export const useFileSelection = () => { |
| 5 |
const [selectedFiles, setSelectedFiles] = useState<FileList | null>(null) |
| 6 |
const fileInputRef = useRef<HTMLInputElement>(null) |
| 7 |
|
| 8 |
const handleFileSelect = (files: FileList | null) => { |
| 9 |
setSelectedFiles(files) |
| 10 |
} |
| 11 |
|
| 12 |
const removeFile = (index: number) => { |
| 13 |
if (!selectedFiles) return |
| 14 |
|
| 15 |
const newFiles = removeFileFromList(selectedFiles, index) |
| 16 |
setSelectedFiles(newFiles) |
| 17 |
|
| 18 |
if (fileInputRef.current) { |
| 19 |
fileInputRef.current.files = newFiles |
| 20 |
} |
| 21 |
} |
| 22 |
|
| 23 |
const clearFiles = () => { |
| 24 |
setSelectedFiles(null) |
| 25 |
if (fileInputRef.current) { |
| 26 |
fileInputRef.current.value = '' |
| 27 |
} |
| 28 |
} |
| 29 |
|
| 30 |
const triggerFileInput = () => { |
| 31 |
fileInputRef.current?.click() |
| 32 |
} |
| 33 |
|
| 34 |
return { |
| 35 |
selectedFiles, |
| 36 |
fileInputRef, |
| 37 |
handleFileSelect, |
| 38 |
removeFile, |
| 39 |
clearFiles, |
| 40 |
triggerFileInput |
| 41 |
} |
| 42 |
} |
| 43 |
|
