d02d3cb55d
* feat: Add export of documents as JSON * Rename, add structured collection description * stash * ui * Add entity creation data to JSON archive * Import JSON UI plumbing * stash * Messy, but working * tsc * tsc
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import * as React from "react";
|
|
import { Trans } from "react-i18next";
|
|
import { FileOperationFormat } from "@shared/types";
|
|
import Flex from "~/components/Flex";
|
|
import Text from "~/components/Text";
|
|
import useStores from "~/hooks/useStores";
|
|
import DropToImport from "./DropToImport";
|
|
import HelpDisclosure from "./HelpDisclosure";
|
|
|
|
function ImportNotionDialog() {
|
|
const { dialogs } = useStores();
|
|
|
|
return (
|
|
<Flex column>
|
|
<Text type="secondary">
|
|
<DropToImport
|
|
onSubmit={dialogs.closeAllModals}
|
|
format={FileOperationFormat.Notion}
|
|
>
|
|
<Trans>
|
|
Drag and drop the zip file from Notion's HTML export option, or
|
|
click to upload
|
|
</Trans>
|
|
</DropToImport>
|
|
</Text>
|
|
<HelpDisclosure title={<Trans>Where do I find the file?</Trans>}>
|
|
<Trans
|
|
defaults="In Notion, click <em>Settings & Members</em> in the left sidebar and open Settings. Look for the Export section, and click <em>Export all workspace content</em>. Choose <em>HTML</em> as the format for the best data compatability."
|
|
components={{
|
|
em: <strong />,
|
|
}}
|
|
/>
|
|
</HelpDisclosure>
|
|
</Flex>
|
|
);
|
|
}
|
|
|
|
export default ImportNotionDialog;
|