diff --git a/src/components/draw_area.jsx b/src/components/draw_area.jsx index 6982d20..cb19e99 100644 --- a/src/components/draw_area.jsx +++ b/src/components/draw_area.jsx @@ -55,6 +55,11 @@ export default function Canvas(props) { label: `rect ${props.rectangles.length + 1}`, }; props.setRectangles([...props.rectangles, newRectangle]); + props.setCode((prev) => + prev === "" + ? `CREATE TABLE \`${newRectangle.label}\`;` + : `${prev}\n\nCREATE TABLE \`${newRectangle.label}\`;` + ); }, collect: (monitor) => ({ isOver: !!monitor.isOver(), diff --git a/src/components/editor_panel.jsx b/src/components/editor_panel.jsx index f951bed..81b06fe 100644 --- a/src/components/editor_panel.jsx +++ b/src/components/editor_panel.jsx @@ -57,6 +57,11 @@ export default function EditorPanel(props) { label: `rect ${props.rectangles.length + 1}`, }; props.setRectangles([...props.rectangles, newRectangle]); + props.setCode((prev) => + prev === "" + ? `CREATE TABLE \`${newRectangle.label}\`;` + : `${prev}\n\nCREATE TABLE \`${newRectangle.label}\`;` + ); }} > add diff --git a/src/components/rect.jsx b/src/components/rect.jsx index f8b86ac..ecd87da 100644 --- a/src/components/rect.jsx +++ b/src/components/rect.jsx @@ -1,9 +1,10 @@ import React from "react"; +import { Button } from "@arco-design/web-react"; const Rect = (props) => { return ( - { height={props.height} style={{ fill: "blue", cursor: "move" }} onMouseDown={props.onMouseDown} - /> - - + > +
+
{props.label}
e.preventDefault()}>
- + +
);