[WIP] Add preview of collision mask polygons

newIDE/app/src/ObjectEditor/Editors/SpriteEditor/CollisionMasksEditor/CollisionMasksPreview.js

@@ -1,40 +1,54 @@
 // @flow
 import React from 'react';
 import { mapVector } from '../../../../Utils/MapFor';
+import Measure from 'react-measure';
 
 const styles = {
   container: {
     position: 'relative',
   },
+  svg: {
+    width: '100%',
+    height: '100%',
+  },
 };
 
 type Props = {|
   polygons: gdVectorPolygon2d,
+  imageWidth: number,
+  imageHeight: number,
 |};
 
 export default class CollisionMasksPreview extends React.Component<
   Props,
   void
 > {
+
   render() {
     const { polygons } = this.props;
 
     return (
-      <div style={styles.container}>
+      <svg
-        <svg>
+        width={this.props.imageWidth}
-          {mapVector(polygons, polygon => {
+        height={this.props.imageHeight}
-            const vertices = polygon.getVertices();
+        style={styles.svg}
-            return mapVector(vertices, vertex => (
+      >
-              <circle
+        {mapVector(polygons, (polygon, i) => {
-                cx={vertex.get_x()}
+          const vertices = polygon.getVertices();
-                cy={vertex.get_y()}
+          return (
-                r="3"
+            <polygon
-                fill="blue"
+              fill="rgba(255,0,0,0.2)"
-              />
+              stroke="rgba(255,0,0,0.5)"
-            ));
+              strokeWidth={1}
-          })}
+              fileRule="evenodd"
-        </svg>
+              points={mapVector(
-      </div>
+                vertices,
+                (vertex, j) => `${vertex.get_x()},${vertex.get_y()}`
+              ).join(' ')}
+            />
+          );
+        })}
+      </svg>
     );
   }
 }

newIDE/app/src/SceneEditor/InstancesFullEditor/SetupGridDialog.js

@@ -22,6 +22,7 @@ export default class SetupGridDialog extends Component {
     const actions = [
       <FlatButton
         label="Cancel"
+        primary={false}
         onClick={this.props.onCancel}
       />,
       <FlatButton