36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { observer } from "mobx-react";
|
|
import * as React from "react";
|
|
import { Trans } from "react-i18next";
|
|
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="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 observer(ImportNotionDialog);
|