Files
edx-platform/common/static/common/js/components/CourseHomeUpsellExperimentModal.jsx
jaebradley 4573b63018 implement modal and carousel
wip

upsell modal css

remove unnecessary newline

accidentally removed feature

update props

update modal component

update css

add additional slides

update styling

update copy
2018-01-12 01:35:15 -05:00

53 lines
2.6 KiB
JavaScript

import React from 'react';
import { UpsellExperimentModal } from './UpsellExperimentModal.jsx';
// https://openedx.atlassian.net/browse/LEARNER-3583
export class CourseHomeUpsellExperimentModal extends React.Component {
constructor(props) {
super(props);
}
render() {
// This content will be updated in the future
return (
<UpsellExperimentModal
slides={[
(<div>
<span>My Stats introduces new personalized views that help you track your progress towards completing your course!</span>
<p />
<span>With My Stats you will see your:</span>
<p />
<ul className="upsell-modal-checkmark-group">
<li className="upsell-modal-checkmark">Course Activity Streak (log in every week to keep your streak alive)</li>
<li className="upsell-modal-checkmark">Grade Progress (see how you're tracking towards a passing grade)</li>
<li className="upsell-modal-checkmark">Discussion Forum Engagements (top learners use the forums - how do you measure up?)</li>
</ul>
</div>),
(<div>
<div><b>Course Activity Streak</b></div>
<p />
<span>Did you know the learners most likely to complete a course log in every week? Let us help you track your weekly streak - log in every week and learn something new! You can also see how many of the other learners in your course logged in this week.</span>
</div>),
(<div>
<div><b>Grade Progress</b></div>
<p />
<span>Wonder how you're doing in the course so far? We can not only show you all your grades, and how much each assignment is worth, but also upcoming graded assignments. This is a great way to track what you might need to work on for a final exam.</span>
</div>),
(<div>
<div><b>Discussion engagements</b></div>
<p />
<span>A large percentage of successful learners are engaged on the discussion forums. Compare your forum stats to previous graduates!</span>
</div>),
]}
modalTitle="My Stats"
buttonLabel="Upgrade ($100 USD)"
buttonDisplay="Upgrade ($100 USD)"
buttonDestinationURL='https://edx.org'
/>
)
}
}