Add style to Main Container

src/SVG/Elements/Container.tsx

@@ -5,19 +5,19 @@ interface IContainerProps {
   y: number,
   width: number,
   height: number,
+  style: React.CSSProperties,
 }
 
 export class Container extends React.Component<IContainerProps> {
   public render() {
-    const properties = {
-      x: this.props.x,
-      y: this.props.y,
-      width: this.props.width,
-      height: this.props.height
-    };
-
     return (
-      <rect {...properties} />
+      <rect
+        x={this.props.x}
+        y={this.props.y}
+        width={this.props.width}
+        height={this.props.height}
+        style={this.props.style}
+      />
     );
   }
 }

src/SVG/Elements/MainContainer.tsx

@@ -8,12 +8,18 @@ interface IMainContainerProps {
 
 export class MainContainer extends React.Component<IMainContainerProps> {
   public render() {
+    const style: React.CSSProperties = {
+      fillOpacity: 0,
+      stroke: 'black'
+    };
+
     return (
       <Container
       x={0}
       y={0}
       width={this.props.width}
       height={this.props.height}
+      style={style}
       />
     );
   }

test-server/http.js

@@ -22,8 +22,8 @@ serve({
           MainContainer: {
             Type: 'Trou',
             BorderColor: '#ffffff',
-            Height: 1600,
+            Height: 300,
-            Width: 20000
+            Width: 2000
           }
         }
       );