47 lines
1.1 KiB
React
47 lines
1.1 KiB
React
|
import React, { Component, PropTypes } from 'react';
|
||
|
|
import { createContainer } from 'meteor/react-meteor-data';
|
||
|
|
|
||
|
|
import ShapeGroupService from './service';
|
||
|
|
import ShapeGroup from './component';
|
||
|
|
|
||
|
|
const propTypes = {
|
||
|
|
// the id is required to fetch the shapes
|
||
|
|
whiteboardId: PropTypes.string.isRequired,
|
||
|
|
|
||
|
|
// initial width and height of the slide are required to calculate the coordinates for each shape
|
||
|
|
width: PropTypes.number.isRequired,
|
||
|
|
height: PropTypes.number.isRequired,
|
||
|
|
|
||
|
|
//array of shapes, optional
|
||
|
|
shapes: React.PropTypes.array,
|
||
|
|
};
|
||
|
|
|
||
|
|
class ShapeGroupContainer extends React.Component {
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<ShapeGroup
|
||
|
|
shapes={this.props.shapes}
|
||
|
|
width={this.props.width}
|
||
|
|
height={this.props.height}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default createContainer((params) => {
|
||
|
|
const { whiteboardId, width, height } = params;
|
||
|
|
const shapes = ShapeGroupService.getCurrentShapes(whiteboardId);
|
||
|
|
|
||
|
|
return {
|
||
|
|
shapes,
|
||
|
|
width,
|
||
|
|
height,
|
||
|
|
};
|
||
|
|
}, ShapeGroupContainer);
|
||
|
|
|
||
|
|
ShapeGroupContainer.propTypes = propTypes;
|