diff --git a/src/Icons.jsx b/src/Icons.jsx index f55b064e67..cc4ddc6a5e 100644 --- a/src/Icons.jsx +++ b/src/Icons.jsx @@ -44,3 +44,78 @@ export const CaretIcon = (props) => ( /> ); + +export const DashboardIcon = (props) => ( + + + +); + +export const ProfileIcon = (props) => ( + + + +); + +export const AccountIcon = (props) => ( + + + +); + +export const LogoutIcon = (props) => ( + + + +); diff --git a/src/index.scss b/src/index.scss index 355ae07710..343f4471a5 100644 --- a/src/index.scss +++ b/src/index.scss @@ -1,6 +1,8 @@ $spacer: 1rem; $blue: #007db8; $white: #fff; +$gray-light: #d9d9d9; +$default-radius: 20px; @import './Menu/menu.scss'; @import './studio-header/header.scss'; diff --git a/src/learning-header/AuthenticatedUserDropdown.jsx b/src/learning-header/AuthenticatedUserDropdown.jsx index 3d3126cc9a..9e94619541 100644 --- a/src/learning-header/AuthenticatedUserDropdown.jsx +++ b/src/learning-header/AuthenticatedUserDropdown.jsx @@ -6,12 +6,14 @@ import { faUserCircle } from '@fortawesome/free-solid-svg-icons'; import { getConfig } from '@edx/frontend-platform'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { Dropdown } from '@edx/paragon'; +import { ProfileIcon, LogoutIcon, AccountIcon, DashboardIcon } from '../Icons'; import messages from './messages'; const AuthenticatedUserDropdown = ({ intl, username }) => { const dashboardMenuItem = ( + {intl.formatMessage(messages.dashboard)} ); @@ -20,7 +22,7 @@ const AuthenticatedUserDropdown = ({ intl, username }) => { <> {/* {intl.formatMessage(messages.help)} */} - + {username} @@ -29,9 +31,11 @@ const AuthenticatedUserDropdown = ({ intl, username }) => { {dashboardMenuItem} + {intl.formatMessage(messages.profile)} + {intl.formatMessage(messages.account)} { getConfig().ORDER_HISTORY_URL && ( @@ -40,6 +44,7 @@ const AuthenticatedUserDropdown = ({ intl, username }) => { )} + {intl.formatMessage(messages.signOut)} diff --git a/src/learning-header/LearningHeader.jsx b/src/learning-header/LearningHeader.jsx index 373001d190..a2f3e480d0 100644 --- a/src/learning-header/LearningHeader.jsx +++ b/src/learning-header/LearningHeader.jsx @@ -42,7 +42,7 @@ const LearningHeader = ({ return (
{intl.formatMessage(messages.skipNavLink)} -
+
{headerLogo}
{courseOrg} {courseNumber}