import the css

5 files changed, 20 insertions, 9 deletions

diff --git a/blocks/eda-frontend/src/components/SchematicEditor/Helper/ComponentDrag.js b/blocks/eda-frontend/src/components/SchematicEditor/Helper/ComponentDrag.js
index 51327486..eda65f04 100644
--- a/blocks/eda-frontend/src/components/SchematicEditor/Helper/ComponentDrag.js
+++ b/blocks/eda-frontend/src/components/SchematicEditor/Helper/ComponentDrag.js
@@ -1,4 +1,6 @@
-import mxGraphFactory from 'mxgraph'
+import 'mxgraph/javascript/src/css/common.css';
+
+import mxGraphFactory from 'mxgraph';
 import store from '../../../redux/store'
 import dot from '../../../static/dot.gif'
 import blockstyle from '../../../static/style.json'
@@ -33,7 +35,7 @@ const {
   mxCellRenderer,
   mxConstraintHandler,
   mxImage
-} = new mxGraphFactory()
+} = new mxGraphFactory();
 
 function configureStylesheet(graph) {
     graph.stylesheet.styles = blockstyle;
diff --git a/blocks/eda-frontend/src/components/SchematicEditor/Helper/KeyboardShorcuts.js b/blocks/eda-frontend/src/components/SchematicEditor/Helper/KeyboardShorcuts.js
index c17157c8..a6dbf0dc 100644
--- a/blocks/eda-frontend/src/components/SchematicEditor/Helper/KeyboardShorcuts.js
+++ b/blocks/eda-frontend/src/components/SchematicEditor/Helper/KeyboardShorcuts.js
@@ -1,11 +1,13 @@
-import MxGraphFactory from 'mxgraph'
+import 'mxgraph/javascript/src/css/common.css';
+
+import mxGraphFactory from 'mxgraph';
 import { Undo, Redo, ZoomIn, ZoomOut, ZoomAct } from './ToolbarTools'
 
 const {
   mxKeyHandler,
   mxEvent,
   mxClient
-} = new MxGraphFactory()
+} = new mxGraphFactory();
 
 export default function KeyboardShortcuts (graph) {
   var keyHandler = new mxKeyHandler(graph)
diff --git a/blocks/eda-frontend/src/components/SchematicEditor/Helper/SideBar.js b/blocks/eda-frontend/src/components/SchematicEditor/Helper/SideBar.js
index db1842bc..626f8e92 100644
--- a/blocks/eda-frontend/src/components/SchematicEditor/Helper/SideBar.js
+++ b/blocks/eda-frontend/src/components/SchematicEditor/Helper/SideBar.js
@@ -1,11 +1,14 @@
-import MxGraphFactory from 'mxgraph'
+import 'mxgraph/javascript/src/css/common.css';
+
+import mxGraphFactory from 'mxgraph';
 import { default_scale, getSvgMetadata } from './SvgParser.js'
+
 const {
   mxClient,
   mxUtils,
   mxEvent,
   mxDragSource
-} = new MxGraphFactory()
+} = new mxGraphFactory();
 
 var graph
 
diff --git a/blocks/eda-frontend/src/components/SchematicEditor/Helper/SvgParser.js b/blocks/eda-frontend/src/components/SchematicEditor/Helper/SvgParser.js
index 45b92acc..49c6246a 100644
--- a/blocks/eda-frontend/src/components/SchematicEditor/Helper/SvgParser.js
+++ b/blocks/eda-frontend/src/components/SchematicEditor/Helper/SvgParser.js
@@ -1,4 +1,6 @@
-import mxGraphFactory from 'mxgraph'
+import 'mxgraph/javascript/src/css/common.css';
+
+import mxGraphFactory from 'mxgraph';
 
 const {
     mxPoint
diff --git a/blocks/eda-frontend/src/components/SchematicEditor/Helper/ToolbarTools.js b/blocks/eda-frontend/src/components/SchematicEditor/Helper/ToolbarTools.js
index 6841cd47..f3f42c09 100644
--- a/blocks/eda-frontend/src/components/SchematicEditor/Helper/ToolbarTools.js
+++ b/blocks/eda-frontend/src/components/SchematicEditor/Helper/ToolbarTools.js
@@ -1,4 +1,6 @@
-import mxGraphFactory from 'mxgraph'
+import 'mxgraph/javascript/src/css/common.css';
+
+import mxGraphFactory from 'mxgraph';
 import store from '../../../redux/store'
 import { setModel, setNetlist } from '../../../redux/actions/index'
 
@@ -15,7 +17,7 @@ const {
   mxCodec,
   mxMorphing,
   mxPoint
-} = new mxGraphFactory()
+} = new mxGraphFactory();
 
 export default function ToolbarTools (grid, unredo) {
   graph = grid