Skip to content
Snippets Groups Projects
Commit 1edeeb49 authored by Thomas Roos's avatar Thomas Roos
Browse files

Basics of feedbackpanel, changes not pushed to sevr yet

parent 6f3cec79
No related branches found
No related tags found
No related merge requests found
......@@ -7,46 +7,7 @@ import FeedbackBlock from './FeedbackBlock.jsx';
class FeedbackPanel extends React.Component {
state = {
feedback: [],
remark: null,
remarkActive: false
}
addRemark = () => {
this.setState({
remarkActive: true
})
}
componentDidMount = () => {
if (this.props.problem) {
api.get('feedback/' + this.props.problem)
.then(feedback => {
this.setState({
feedback: feedback
})
})
}
}
componentWillReceiveProps = (nextProps) => {
if (this.props.problem !== nextProps.problem) {
api.get('feedback/' + nextProps.problem)
.then(feedback => {
this.setState({
feedback: feedback
})
})
}
}
shouldComponentUpdate = (nextProps, nextState) => {
if (this.props.problem !== nextProps.problem || this.state.feedback != nextState.feedback || this.state.rem) {
return true;
} else {
console.log('halting re-render')
return true;
}
remark: null
}
render() {
......@@ -56,8 +17,8 @@ class FeedbackPanel extends React.Component {
<p className="panel-heading">
Feedback
</p>
{this.state.feedback.map((feedback, i) =>
<FeedbackBlock key={i} index={i} feedback={feedback} checked={false} onClick={this.props.editFeedback} />
{this.props.problem.feedback.map((feedback, i) =>
<FeedbackBlock key={feedback.id} feedback={feedback} checked={false} onClick={this.props.editFeedback} />
)}
{this.state.remarkActive ?
<div className="panel-block">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment