words per minute
12
user1375673
00:00
Speed
import store from './store';
it( 'creates a store', () => {
expect(store).toBeDefined();
});
import React, { Component } from 'react';
import { push } from 'react-router-redux';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { Table } from 'react-bootstrap';
import './index.css';
class Inbox extends Component {
constructor(props) {
super(props);
this.state = {
currentMessage: 0
};
}
componentDidMount() {
}
componentDidUpdate() {
const { messages, markMessage } = this.props;
const { currentMessage } = this.state;
this.setState({
currentMessage: message
});
}
render() {
const { messages } = this.props;
const { currentMessage } = this.state;
return (
<Table className="InboxTable">
<tbody>
<tr>
<td className="InboxMessagesList">
<MessagesList
messages={ messages }
currentMessage={ currentMessage }
selectMessage={ message => this.selectMessage(message) }
deleteMessage={ message => this.deleteMessage(message) }
/>
</td>
<td className="InboxMessageContent">
<MessageContent message={ messages[currentMessage] } />
</td>
</tr>
</tbody>
</Table>
);
}
}
const mapStateToProps = state => ({
messages: state.messages.messages,
isLoading: state.messages.isLoading
});
const mapDispatchToProps = dispatch =>
bindActionCreators(
{
changePage: () => push('/write')
},
dispatch
);
export default connect(mapStateToProps, mapDispatchToProps)(Inbox);