Adds node-shapes to the canvas

- circle
- rect (w/ radius)
- fluffy cloud shape
- hexagons
- stacks
This commit is contained in:
Simon Howe
2016-02-22 12:42:36 +01:00
parent d2bf204181
commit a34d9c97b8
9 changed files with 219 additions and 22 deletions
@@ -0,0 +1,19 @@
import React from 'react';
import _ from 'lodash';
export default function NodeShapeCircleStack(props) {
const propsNoHighlight = _.clone(props);
const Shape = props.shape;
delete propsNoHighlight.highlighted;
return (
<g className="stack">
<g transform="translate(0, 4)">
<Shape {...propsNoHighlight} />
</g>
<Shape {...props} />
<g transform="translate(0, -4)">
<Shape {...propsNoHighlight} />
</g>
</g>
);
}