import React from 'react';
import './index.less';
import Page from '@src/containers/Page';
import { Question } from '../../../stores/question';
import Detail from '../../paper/question/detail';

export default class extends Page {
  initData() {
    const { id } = this.params;
    Question.getInfoById(id).then(userQuestion => {
      const { question, questionNos, note, questionStatus } = userQuestion;
      let { questionNo, paper } = userQuestion;
      if (!questionNo) ([questionNo] = questionNos);
      if (!question.answer) question.answer = { questions: [] };
      if (!question.answerDistributed) question.answerDistributed = { questions: [] };
      if (!userQuestion.userAnswer) userQuestion.userAnswer = { questions: [] };
      if (!paper) paper = {};
      this.setState({ userQuestion, question, questionNo, note, paper, questionNos, questionStatus });
    });
  }

  renderView() {
    return (
      <Detail {...this.state} info flow={this} />
    );
  }
}