46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
import React, { useState } from "react";
|
|
import Sidebar from "../components/sidebar";
|
|
import ControlPanel from "../components/control_panel";
|
|
import { DndProvider } from "react-dnd";
|
|
import { HTML5Backend } from "react-dnd-html5-backend";
|
|
import Canvas from "../components/canvas";
|
|
import EditorPanel from "../components/editor_panel";
|
|
|
|
export default function Editor(props) {
|
|
const [code, setCode] = useState("");
|
|
const [tables, setTables] = useState([]);
|
|
const [relationships, setRelationships] = useState([]);
|
|
const [areas, setAreas] = useState([]);
|
|
|
|
return (
|
|
<>
|
|
<ControlPanel />
|
|
<div className="flex h-full">
|
|
<DndProvider backend={HTML5Backend}>
|
|
<EditorPanel
|
|
tables={tables}
|
|
setTables={setTables}
|
|
code={code}
|
|
setCode={setCode}
|
|
relationships={relationships}
|
|
setRelationships={setRelationships}
|
|
areas={areas}
|
|
setAreas={setAreas}
|
|
/>
|
|
<Canvas
|
|
tables={tables}
|
|
setTables={setTables}
|
|
code={code}
|
|
setCode={setCode}
|
|
relationships={relationships}
|
|
setRelationships={setRelationships}
|
|
areas={areas}
|
|
setAreas={setAreas}
|
|
/>
|
|
</DndProvider>
|
|
<Sidebar />
|
|
</div>
|
|
</>
|
|
);
|
|
}
|