import React from 'react';
import { Button } from 'react-bootstrap';
import { action, observable } from 'mobx';
import { observer, PropTypes as MobxPropTypes } from 'mobx-react';
import Router from '../../helpers/router';

import { OnboardingNag, Heading, Body, Footer } from './nag-components';

export { OnboardingNag, Heading, Body, Footer };

@observer
export class GotItOnboardingNag extends React.PureComponent {
  static propTypes = {
    ux: MobxPropTypes.observableObject.isRequired,
  }
  static contextTypes = {
    router: React.PropTypes.object,
  }

  @observable noProblemo = false;

  @action.bound
  onAddCourse() {
    this.context.router.transitionTo(
      Router.makePathname('myCourses')
    );
  }

  @action.bound
  onContinue() {
    if (this.noProblemo) {
      this.props.ux.dismissNag();
    } else {
      this.noProblemo = true;
    }
  }

  renderNoProblem() {
    return (
      <OnboardingNag className="got-it">
        <Body>
          No problem. When you’re ready to create a real course, click “Create a course” on the top right of your dashboard.
        </Body>
        <Footer className="got-it">
          <Button bsStyle="primary" onClick={this.onContinue}>Got it</Button>
        </Footer>
      </OnboardingNag>
    );
  }

  render() {
    return this.noProblemo ? this.renderNoProblem() : this.renderPrompt();
  }
}

import React from 'react';
import { Button } from 'react-bootstrap';
import { action, observable } from 'mobx';
import { observer, PropTypes as MobxPropTypes } from 'mobx-react';
import Router from '../../helpers/router';

import { OnboardingNag, Heading, Body, Footer } from './nag-components';

export { OnboardingNag, Heading, Body, Footer };

@observer
export class GotItOnboardingNag extends React.PureComponent {
  static propTypes = {
    ux: MobxPropTypes.observableObject.isRequired,
  }
  static contextTypes = {
    router: React.PropTypes.object,
  }

  @observable noProblemo = false;

  @action.bound
  onAddCourse() {
    this.context.router.transitionTo(
      Router.makePathname('myCourses')
    );
  }

  @action.bound
  onContinue() {
    if (this.noProblemo) {
      this.props.ux.dismissNag();
    } else {
      this.noProblemo = true;
    }
  }

  renderNoProblem() {
    return (
      <OnboardingNag className="got-it">
        <Body>
          When you’re ready to create a real course, click “Create a course” on the top right of your dashboard.
        </Body>
        <Footer className="got-it">
          <Button bsStyle="primary" onClick={this.onContinue}>Got it</Button>
        </Footer>
      </OnboardingNag>
    );
  }

  render() {
    return this.noProblemo ? this.renderNoProblem() : this.renderPrompt();
  }
}

Remove "No problem" from the ask me later followup
Remove "No problem" from the ask me later followup

https://trello.com/c/HbML3S3w/773-j29-bug-copy-changes