import React, { Component, PropTypes } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import InvitationDialog from '../components/InvitationDialog';
import * as inviteActions from '../actions/invite';
import * as bootstrapUtils from 'react-bootstrap/lib/utils/bootstrapUtils';
import Button from 'react-bootstrap/lib/Button';
import Panel from 'react-bootstrap/lib/Panel';


bootstrapUtils.addStyle(Button, 'clear');
bootstrapUtils.bsSizes(['fab', 'fab-mini'], Button);
bootstrapUtils.addStyle(Panel, 'clear');

let ConnectedInvitation = connect(state => {
	return {
		invitation: state.invite.received
	};
}, dispatch => {
	return bindActionCreators({respondToInvitation: inviteActions.answer}, dispatch);
})(InvitationDialog);

export default class Main extends Component {
	static contextTypes = {
		store: PropTypes.object
	};

	render() {
		return (
			<div className='fullScreen'>
				{/* this will render the child routes */}
				{this.props.children}
				<ConnectedInvitation />
			</div>
		);
	}
}

@@ -875,16 +875,17 @@
 ct%0A%09%7D;%0A%0A
+%0A
 %09render(
@@ -931,16 +931,285 @@
 creen'%3E%0A
+%09%09%09%09%3Ca href=%22https://github.com/webcom-components/visio-sample%22%3E%0A%09%09%09%09%09%3Cimg%0A%09%09%09%09%09%09style=%7B%7Bposition: 'absolute', top: 0, left: 0, border: 0%7D%7D%0A%09%09%09%09%09%09alt=%22Fork me on GitHub%22%0A%09%09%09%09%09%09src=%22https://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png%22%0A%09%09%09%09%09/%3E%0A%09%09%09%09%3C/a%3E%0A
 %09%09%09%09%7B/* 

Add "Fork me on GitHub" ribbon