smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix markdown error by using named export

Browse source
This commit is contained in:
Aakansha Doshi 2023-08-22 21:40:25 +05:30
parent 554913c58b
commit efdafc8659
3 changed files with 39 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/MermaidToExcalidraw.tsx
View file

@ -62,29 +62,34 @@ const MermaidToExcalidraw = ({
});
}, [canvasData, canvasRef]);
useEffect(() => {
const convertMermaidToExcal = async () => {
let mermaidGraphData;
try {
mermaidGraphData = await parseMermaid(text, {
fontSize: DEFAULT_FONT_SIZE,
});
} catch (e) {
// Parse error, displaying error message to users
}
if (mermaidGraphData) {
const { elements, files } = graphToExcalidraw(mermaidGraphData);
setCanvasData({
elements: convertToExcalidrawElements(elements),
files,
});
}
};
convertMermaidToExcal();
}, [text]);
const setAppState = useExcalidrawSetAppState();
if (appState?.activeTool?.type !== "mermaid") {
return null;
}
const onChange = async (event: any) => {
setText(event.target.value);
let mermaidGraphData;
try {
mermaidGraphData = await parseMermaid(event.target.value, {
fontSize: DEFAULT_FONT_SIZE,
});
} catch (e) {
// Parse error, displaying error message to users
}
if (mermaidGraphData) {
const { elements, files } = graphToExcalidraw(mermaidGraphData);
setCanvasData({ elements: convertToExcalidrawElements(elements), files });
}
};
const onClose = () => {
const activeTool = updateActiveTool(appState, { type: "selection" });
setAppState({ activeTool });
@ -102,7 +107,10 @@ const MermaidToExcalidraw = ({
<div className="mermaid-to-excalidraw-wrapper">
<div className="mermaid-to-excalidraw-wrapper-text">
<label>Describe</label>
<textarea onChange={onChange} value={text} />
<textarea
onChange={(event) => setText(event.target.value)}
value={text}
/>
</div>
<div className="mermaid-to-excalidraw-wrapper-preview">
<label>Preview</label>