diff --git a/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx b/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx new file mode 100644 index 0000000000..2b47d8fe39 --- /dev/null +++ b/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx @@ -0,0 +1,71 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { Modal, Button } from '@edx/paragon/static'; + +import ExperimentalCarousel from './ExperimentalCarousel.jsx'; + +// https://openedx.atlassian.net/browse/LEARNER-3926 + +export class PortfolioExperimentUpsellModal extends React.Component { + constructor(props) { + super(props); + + this.state = { isOpen: true }; + } + + render() { + const slides = [ + (
+

Upgrade to access new content: a guide for building an online portfolio and creating your first project.

+
By following the guide you will:
+ +
), + (
+

Use Your New Coding Skills

+

Want to practice what you've learned? We'll give you the project idea to create your own portfolio. Get creative!

+
), + (
+

Build Your Portfolio

+

Apply your knowledge and show them you can code - this project is the perfect start to your portfolio.

+
), + (
+

Share What You Can Do

+

Get tips on where to store your project and the best way to share it with employers.

+
), + ]; + + const body = ( +
+ + Sample verified certificate +
+ ); + + return ( + {}} + body={body} + buttons={[ + (