Fix file name display

This commit is contained in:
Will Scullin 2022-06-04 11:06:38 -07:00
parent 303838f63d
commit cb615ce995
No known key found for this signature in database
GPG Key ID: 26DCD1042C6638CD

View File

@ -102,7 +102,7 @@ const FilePickerChooser = ({
}: FilePickerChooserProps) => { }: FilePickerChooserProps) => {
const [busy, setBusy] = useState<boolean>(false); const [busy, setBusy] = useState<boolean>(false);
const [selectedFilename, setSelectedFilename] = useState<string>(); const [selectedFilename, setSelectedFilename] = useState<string>();
const fileHandlesRef = useRef<FileSystemFileHandle[]>(); const [fileHandles, setFileHandles] = useState<FileSystemFileHandle[]>();
const onClickInternal = useCallback(async () => { const onClickInternal = useCallback(async () => {
if (busy) { if (busy) {
@ -115,8 +115,8 @@ const FilePickerChooser = ({
excludeAcceptAllOption: true, excludeAcceptAllOption: true,
types: accept, types: accept,
}); });
if (fileHandlesRef.current !== pickedFiles) { if (fileHandles !== pickedFiles) {
fileHandlesRef.current = pickedFiles; setFileHandles(pickedFiles);
onChange(pickedFiles); onChange(pickedFiles);
} }
} catch (e: unknown) { } catch (e: unknown) {
@ -124,14 +124,14 @@ const FilePickerChooser = ({
} finally { } finally {
setBusy(false); setBusy(false);
} }
}, [accept, busy, onChange]); }, [accept, busy, fileHandles, onChange]);
useEffect(() => { useEffect(() => {
setSelectedFilename( setSelectedFilename(
fileHandlesRef.current?.length fileHandles?.length
? fileHandlesRef.current[0].name ? fileHandles[0].name
: 'No file selected'); : 'No file selected');
}, []); }, [fileHandles]);
return ( return (
<> <>