diff --git a/src/components/ProfilePage.jsx b/src/components/ProfilePage.jsx
index 94d38a5..75a7ae8 100644
--- a/src/components/ProfilePage.jsx
+++ b/src/components/ProfilePage.jsx
@@ -21,6 +21,7 @@ import Education from './ProfilePage/Education';
import SocialLinks from './ProfilePage/SocialLinks';
import Bio from './ProfilePage/Bio';
import MyCertificates from './ProfilePage/MyCertificates';
+import AgeMessage from './ProfilePage/AgeMessage';
export class ProfilePage extends React.Component {
constructor(props) {
@@ -210,6 +211,8 @@ export class ProfilePage extends React.Component {
+ {this.props.requiresParentalConsent ? : null}
+
{
@@ -307,6 +314,8 @@ const mapStateToProps = (state) => {
certificates: state.profilePage.profile.certificates,
accountPrivacy: state.profilePage.preferences.accountPrivacy,
visibility: state.profilePage.preferences.visibility || {},
+ yearOfBirth: state.profilePage.profile.yearOfBirth,
+ requiresParentalConsent: state.profilePage.profile.requiresParentalConsent,
};
};
diff --git a/src/components/ProfilePage/AgeMessage.jsx b/src/components/ProfilePage/AgeMessage.jsx
new file mode 100644
index 0000000..c2112f8
--- /dev/null
+++ b/src/components/ProfilePage/AgeMessage.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { UncontrolledAlert } from 'reactstrap';
+
+function AgeMessage({ accountURL }) {
+ return (
+
+ Your profile cannot be shared.
+
+ To share your profile with other edX learners,
+ you must confirm that you are over the age of 13.
+
+ Set your date of birth
+
+ );
+}
+
+AgeMessage.propTypes = {
+ accountURL: PropTypes.string.isRequired,
+};
+
+export default AgeMessage;