import React, { useEffect } from "react"; import { useIntl } from "react-intl"; import { fetchMapById, SimpleDialogProps } from ".."; import BaseDialog from "../base-dialog"; import { FormControl, FormControlLabel, Radio, RadioGroup, Tooltip } from "@material-ui/core"; const ExportDialog = (props: SimpleDialogProps) => { const intl = useIntl(); const { mapId, onClose } = props; const [submit, setSubmit] = React.useState(false); const [formExportRef, setExportFormRef] = React.useState(); // @Todo: review const [formTransformtRef, setTransformFormRef] = React.useState(); // @Todo: review const [exportFormat, setExportFormat] = React.useState('mm'); const handleChange = (event) => { setExportFormat(event.target.value); }; const handleOnClose = (): void => { onClose(); }; const handleOnSubmit = (event: React.FormEvent): void => { setSubmit(true); } useEffect(() => { if (submit) { // Depending on the type of export. It will require differt POST. if (exportFormat == 'pdf' || exportFormat == "svg" || exportFormat == "image") { formTransformtRef.submit(); } else { formExportRef.submit(); } onClose(); } }, [submit]); const { map } = fetchMapById(mapId); return (
{/* SVG Based .... */} } label="Image" color="secondary" /> {/* Non - SVG .... */} } label="FREEMIND_EXPORT_FORMAT_09" color="secondary" /> } label="MINDJET_EXPORT_FORMAT" color="secondary" /> } label="WISEMAPPING_EXPORT_FORMAT" color="secondary" /> } label="TXT_EXPORT_FORMAT" color="secondary" /> } label="XLS_EXPORT_FORMAT" color="secondary" /> } label="OPEN_OFFICE_EXPORT_FORMAT" color="secondary" /> {/* Hidden form for the purpose of summit */}
); } export default ExportDialog;