16 lines
421 B
TypeScript
16 lines
421 B
TypeScript
|
import { useCallback } from 'react';
|
||
|
|
import { selectFile } from '../utils/dom';
|
||
|
|
|
||
|
|
export const useFilePicker = <M extends boolean | undefined = undefined>(
|
||
|
|
onSelect: (file: M extends true ? File[] : File) => void,
|
||
|
|
multiple?: M
|
||
|
|
) =>
|
||
|
|
useCallback(
|
||
|
|
async (accept: string) => {
|
||
|
|
const file = await selectFile(accept, multiple);
|
||
|
|
if (!file) return;
|
||
|
|
onSelect(file);
|
||
|
|
},
|
||
|
|
[multiple, onSelect]
|
||
|
|
);
|