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

create mermaid to excal dialog

Browse source
This commit is contained in:
Aakansha Doshi 2023-08-17 14:12:57 +05:30
parent 6a04ebc6db
commit c5514974b7
2 changed files with 68 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/MermaidToExcalidraw.tsx
View file

@ -1,8 +1,10 @@
import { AppState } from "../types";
import { updateActiveTool } from "../utils";
import { useExcalidrawSetAppState } from "./App";
import { Button } from "./Button";
import { Dialog } from "./Dialog";
import "./MermaidToExcalidraw.scss";
const MermaidToExcalidraw = ({ appState }: { appState: AppState }) => {
const setAppState = useExcalidrawSetAppState();
if (appState?.activeTool?.type !== "mermaid") {
@ -16,7 +18,22 @@ const MermaidToExcalidraw = ({ appState }: { appState: AppState }) => {
}}
title="Mermaid to Excalidraw"
>
<div>Hello</div>
<div className="mermaid-to-excalidraw-wrapper">
<div className="mermaid-to-excalidraw-wrapper-text">
<label>Describe</label>
<textarea />
</div>
<div className="mermaid-to-excalidraw-wrapper-preview">
<label>Preview</label>
<div className="mermaid-to-excalidraw-wrapper-preview-canvas"></div>
<Button
className="mermaid-to-excalidraw-wrapper-preview-insert"
onSelect={() => console.log("hey")}
>
Insert
</Button>
</div>
</div>
</Dialog>
);
};