<commit_before>import React from 'react';
import { Button } from 'react-bootstrap';
import { action } from 'mobx';
import { observer, PropTypes as MobxPropTypes } from 'mobx-react';
import { OnboardingNag, Heading, Body, Footer } from './onboarding-nag';
import TutorRouter from '../../helpers/router';

@observer
export default class FreeTrialEnded extends React.PureComponent {

  static propTypes = {
    ux: MobxPropTypes.observableObject.isRequired,
  }

  static contextTypes = {
    router: React.PropTypes.object,
  }

  static className = 'free-trial-ended'

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

  render() {
    const { ux } = this.props;

    return (
      <OnboardingNag className="free-trial-ended">
        <Heading>
          Your free trial for {ux.course.name} has ended
        </Heading>
        <Body>
          <p>
            To continue accessing your course, click the button below to pay your one-time $10 fee for the semester.
          </p>
        </Body>
        <Footer>
          <Button bsStyle="primary" onClick={ux.payNow}>
            Buy access now
          </Button>
          <Button bsStyle="link" onClick={this.goToMyCourses}>
            Return to my courses
          </Button>
        </Footer>
      </OnboardingNag>
    );

  }

}<commit_msg>use UX formatted cost<commit_after>import React from 'react';
import { Button } from 'react-bootstrap';
import { action } from 'mobx';
import { observer, PropTypes as MobxPropTypes } from 'mobx-react';
import { OnboardingNag, Heading, Body, Footer } from './onboarding-nag';
import CourseUX from '../../models/course/ux';

import TutorRouter from '../../helpers/router';

@observer
export default class FreeTrialEnded extends React.PureComponent {

  static propTypes = {
    ux: MobxPropTypes.observableObject.isRequired,
  }

  static contextTypes = {
    router: React.PropTypes.object,
  }

  static className = 'free-trial-ended'

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

  render() {
    const { ux } = this.props;

    return (
      <OnboardingNag className="free-trial-ended">
        <Heading>
          Your free trial for {ux.course.name} has ended
        </Heading>
        <Body>
          <p>
            To continue accessing your course, click the button below to pay your
            one-time {CourseUX.formattedStudentCost} fee for the semester.
          </p>
        </Body>
        <Footer>
          <Button bsStyle="primary" onClick={ux.payNow}>
            Buy access now
          </Button>
          <Button bsStyle="link" onClick={this.goToMyCourses}>
            Return to my courses
          </Button>
        </Footer>
      </OnboardingNag>
    );

  }

}
{'fraction_non_alphanumeric': 0.11671368124118477, 'fraction_numerical': 0.0007052186177715092, 'mean_word_length': 2.4938423645320196, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1687493', 'n_tokens_mistral': 878, 'n_tokens_neox': 834, 'n_words': 221}