@@ -63,11 +86,13 @@ const BaseComponent = ({ children, showWelcomeBanner }) => {
};
BaseComponent.defaultProps = {
+ isRegistrationPage: false,
showWelcomeBanner: false,
};
BaseComponent.propTypes = {
children: PropTypes.node.isRequired,
+ isRegistrationPage: PropTypes.bool,
showWelcomeBanner: PropTypes.bool,
};
diff --git a/src/base-component/DiscountBanner.jsx b/src/base-component/DiscountBanner.jsx
new file mode 100644
index 00000000..a5c03fca
--- /dev/null
+++ b/src/base-component/DiscountBanner.jsx
@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+
+import ClipboardJS from 'clipboard';
+
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
+import { faCut } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+import { PageBanner } from '@edx/paragon';
+
+export default function DiscountExperimentBanner() {
+ const [show, setShow] = useState(true);
+ new ClipboardJS('.copyIcon'); // eslint-disable-line no-new
+
+ return (
+ <>
+
{ setShow(false); }}
+ >
+
+
+ 15% off ,
+ }}
+ />
+
+
+ EDXWELCOME
+
+
+
+
+
+ );
+}
diff --git a/src/base-component/LargeLayout.jsx b/src/base-component/LargeLayout.jsx
index 30c292e8..5a5dd69d 100644
--- a/src/base-component/LargeLayout.jsx
+++ b/src/base-component/LargeLayout.jsx
@@ -1,17 +1,18 @@
import React from 'react';
+import PropTypes from 'prop-types';
import { getConfig } from '@edx/frontend-platform';
import { Hyperlink, Image } from '@edx/paragon';
import LargeScreenLeftLayout from './LargeLeftLayout';
-const LargeLayout = () => (
+const LargeLayout = ({ experimentName, isRegistrationPage }) => (
-
+
);
+LargeLayout.defaultProps = {
+ experimentName: '',
+ isRegistrationPage: false,
+};
+
+LargeLayout.propTypes = {
+ experimentName: PropTypes.string,
+ isRegistrationPage: PropTypes.bool,
+};
+
export default LargeLayout;
diff --git a/src/base-component/LargeLeftLayout.jsx b/src/base-component/LargeLeftLayout.jsx
index 79f4b32c..a8dd7223 100644
--- a/src/base-component/LargeLeftLayout.jsx
+++ b/src/base-component/LargeLeftLayout.jsx
@@ -1,30 +1,71 @@
import React from 'react';
+import classNames from 'classnames';
+
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
import { getConfig } from '@edx/frontend-platform';
+import PropTypes from 'prop-types';
+import ClipboardJS from 'clipboard';
+
+import { faCut } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import messages from './messages';
const LargeLeftLayout = (props) => {
- const { intl } = props;
-
+ const { intl, isRegistrationPage, experimentName } = props;
+ new ClipboardJS('.copyIcon'); // eslint-disable-line no-new
return (
-
);
};
LargeLeftLayout.propTypes = {
intl: intlShape.isRequired,
+ experimentName: PropTypes.string,
+ isRegistrationPage: PropTypes.bool,
+};
+
+LargeLeftLayout.defaultProps = {
+ experimentName: '',
+ isRegistrationPage: false,
};
export default injectIntl(LargeLeftLayout);
diff --git a/src/base-component/MediumLayout.jsx b/src/base-component/MediumLayout.jsx
index 6c0137e4..10105d3c 100644
--- a/src/base-component/MediumLayout.jsx
+++ b/src/base-component/MediumLayout.jsx
@@ -1,31 +1,74 @@
import React from 'react';
+import classNames from 'classnames';
+
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
import { getConfig } from '@edx/frontend-platform';
import { Hyperlink, Image } from '@edx/paragon';
+import PropTypes from 'prop-types';
+import ClipboardJS from 'clipboard';
+
+import { faCut } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import messages from './messages';
const MediumLayout = (props) => {
- const { intl } = props;
+ const { intl, isRegistrationPage, experimentName } = props;
+ new ClipboardJS('.copyIcon'); // eslint-disable-line no-new
return (
-
+
-
+