70 lines
1.8 KiB
JavaScript
70 lines
1.8 KiB
JavaScript
// @flow
|
||
import invariant from "invariant";
|
||
import * as React from "react";
|
||
import { useTranslation } from "react-i18next";
|
||
import { useHistory } from "react-router-dom";
|
||
import useStores from "hooks/useStores";
|
||
|
||
let importingLock = false;
|
||
|
||
export default function useImportDocument(
|
||
collectionId: string,
|
||
documentId?: string
|
||
): {| handleFiles: (files: File[]) => Promise<void>, isImporting: boolean |} {
|
||
const { documents, ui } = useStores();
|
||
const [isImporting, setImporting] = React.useState(false);
|
||
const { t } = useTranslation();
|
||
const history = useHistory();
|
||
|
||
const handleFiles = React.useCallback(
|
||
async (files = []) => {
|
||
if (importingLock) {
|
||
return;
|
||
}
|
||
|
||
// Because this is the onChange handler it's possible for the change to be
|
||
// from previously selecting a file to not selecting a file – aka empty
|
||
if (!files.length) {
|
||
return;
|
||
}
|
||
|
||
setImporting(true);
|
||
importingLock = true;
|
||
|
||
try {
|
||
let cId = collectionId;
|
||
const redirect = files.length === 1;
|
||
|
||
if (documentId && !collectionId) {
|
||
const document = await documents.fetch(documentId);
|
||
invariant(document, "Document not available");
|
||
cId = document.collectionId;
|
||
}
|
||
|
||
for (const file of files) {
|
||
const doc = await documents.import(file, documentId, cId, {
|
||
publish: true,
|
||
});
|
||
|
||
if (redirect) {
|
||
history.push(doc.url);
|
||
}
|
||
}
|
||
} catch (err) {
|
||
ui.showToast(`${t("Could not import file")}. ${err.message}`, {
|
||
type: "error",
|
||
});
|
||
} finally {
|
||
setImporting(false);
|
||
importingLock = false;
|
||
}
|
||
},
|
||
[t, ui, documents, history, collectionId, documentId]
|
||
);
|
||
|
||
return {
|
||
handleFiles,
|
||
isImporting,
|
||
};
|
||
}
|