mirror of
https://github.com/whscullin/apple2js.git
synced 2024-01-12 14:14:38 +00:00
Fix file name display
This commit is contained in:
parent
303838f63d
commit
cb615ce995
@ -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 (
|
||||||
<>
|
<>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user