RoomateMatchingForms.js

/**
 * RoommateMatchingForm.js
 */

import React from 'react';
import ZMNavigator from 'components/misc/ZMNavigator';
import {
  RoommateMatchingQuestion,
  IntroQuestion,
  SliderQuestion,
  MultiChoiceQuestion,
} from 'screens/RoommateMatchingQuestion';
import { autobind } from 'core-decorators';

class RoommateMatchingForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      currentQuestion: 0,
    };
  }

  @autobind
  presentNextQuestion() {
    let component = () => (
      <RoommateMatchingQuestion
        onPressCloseRoommateMatchingForm={this.props.onPressCloseRoommateMatchingForm}
      >
        <MultiChoiceQuestion presentNextQuestion={this.presentNextQuestion} />
      </RoommateMatchingQuestion>
    );

    this.navigator.push({
      component,
      navigationBarHidden: true,
      passProps: {
        type: 'multi_choice',
      },
    });
  }

  render() {
    let component = () => (
      <RoommateMatchingQuestion
        onPressCloseRoommateMatchingForm={this.props.onPressCloseRoommateMatchingForm}
      >
        <IntroQuestion presentNextQuestion={this.presentNextQuestion} />
      </RoommateMatchingQuestion>
    );

    const firstQuestionRoute = {
      component,
      navigationBarHidden: true,
      passProps: {
        type: 'intro',
      },
    };

    return <ZMNavigator ref={r => this.navigator = r} initialRoute={firstQuestionRoute} />;
  }
}

export default RoommateMatchingForm;


/**
 * RoomateMatchingQuestions.js
 */

import React from 'react';
import ZMNavigator from 'components/misc/ZMNavigator';
import {
  RoommateMatchingQuestion,
  IntroQuestion,
  SliderQuestion,
  MultiChoiceQuestion,
} from 'screens/RoommateMatchingQuestion';
import { autobind } from 'core-decorators';

class RoommateMatchingForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      currentQuestion: 0,
    };
  }

  @autobind
  presentNextQuestion() {
    let component = () => (
      <RoommateMatchingQuestion
        onPressCloseRoommateMatchingForm={this.props.onPressCloseRoommateMatchingForm}
      >
        <MultiChoiceQuestion presentNextQuestion={this.presentNextQuestion} />
      </RoommateMatchingQuestion>
    );

    this.navigator.push({
      component,
      navigationBarHidden: true,
      passProps: {
        type: 'multi_choice',
      },
    });
  }

  render() {
    let component = () => (
      <RoommateMatchingQuestion
        onPressCloseRoommateMatchingForm={this.props.onPressCloseRoommateMatchingForm}
      >
        <IntroQuestion presentNextQuestion={this.presentNextQuestion} />
      </RoommateMatchingQuestion>
    );

    const firstQuestionRoute = {
      component,
      navigationBarHidden: true,
      passProps: {
        type: 'intro',
      },
    };

    return <ZMNavigator ref={r => this.navigator = r} initialRoute={firstQuestionRoute} />;
  }
}

export default RoommateMatchingForm;