Skip to content

Commit

Permalink
chore: fix lint issues
Browse files Browse the repository at this point in the history
  • Loading branch information
hinakhadim committed Dec 7, 2023
1 parent 6a32e88 commit f2bccff
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 46 deletions.
70 changes: 33 additions & 37 deletions src/learning-header/AuthenticatedUserDropdown.jsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faUserCircle } from '@fortawesome/free-solid-svg-icons';
import { getConfig } from '@edx/frontend-platform';
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
import { Dropdown, Image } from '@edx/paragon';
Expand All @@ -17,41 +15,39 @@ const AuthenticatedUserDropdown = ({ intl, username }) => {
);

return (
<>
<Dropdown className="user-dropdown ml-3">
<Dropdown.Toggle variant="outline-primary">
<div className="hamburger-menu">
<span className="line"></span>
<span className="line"></span>
<span className="line"></span>
<span className="line"></span>
</div>
<Image
src={`${getConfig().LMS_BASE_URL}/static/indigo/images/profile.svg`}
alt="Image description"
/>
</Dropdown.Toggle>
<Dropdown.Menu className="dropdown-menu-right">
<a href={`${getConfig().LMS_BASE_URL}/dashboard`} className="pgn__dropdown-item dropdown-item h-desktop">My Courses</a>
<a href={`${getConfig().LMS_BASE_URL}/courses`} className="pgn__dropdown-item dropdown-item h-desktop">Discover</a>
{dashboardMenuItem}
<Dropdown.Item href={`${getConfig().ACCOUNT_PROFILE_URL}/u/${username}`}>
{intl.formatMessage(messages.profile)}
</Dropdown.Item>
<Dropdown.Item href={getConfig().ACCOUNT_SETTINGS_URL}>
{intl.formatMessage(messages.account)}
</Dropdown.Item>
{ getConfig().ORDER_HISTORY_URL && (
<Dropdown.Item href={getConfig().ORDER_HISTORY_URL}>
{intl.formatMessage(messages.orderHistory)}
</Dropdown.Item>
)}
<Dropdown.Item href={getConfig().LOGOUT_URL}>
{intl.formatMessage(messages.signOut)}
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</>
<Dropdown className="user-dropdown ml-3">
<Dropdown.Toggle variant="outline-primary">
<div className="hamburger-menu">
<span className="line" />
<span className="line" />
<span className="line" />
<span className="line" />
</div>
<Image
src={`${getConfig().LMS_BASE_URL}/static/indigo/images/profile.svg`}
alt="Image description"
/>
</Dropdown.Toggle>
<Dropdown.Menu className="dropdown-menu-right">
<a href={`${getConfig().LMS_BASE_URL}/dashboard`} className="pgn__dropdown-item dropdown-item h-desktop">My Courses</a>
<a href={`${getConfig().LMS_BASE_URL}/courses`} className="pgn__dropdown-item dropdown-item h-desktop">Discover</a>
{dashboardMenuItem}
<Dropdown.Item href={`${getConfig().ACCOUNT_PROFILE_URL}/u/${username}`}>
{intl.formatMessage(messages.profile)}
</Dropdown.Item>
<Dropdown.Item href={getConfig().ACCOUNT_SETTINGS_URL}>
{intl.formatMessage(messages.account)}
</Dropdown.Item>
{ getConfig().ORDER_HISTORY_URL && (
<Dropdown.Item href={getConfig().ORDER_HISTORY_URL}>
{intl.formatMessage(messages.orderHistory)}
</Dropdown.Item>
)}
<Dropdown.Item href={getConfig().LOGOUT_URL}>
{intl.formatMessage(messages.signOut)}
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
);
};

Expand Down
16 changes: 7 additions & 9 deletions src/learning-header/LearningHeader.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ LinkedLogo.propTypes = {
};

const LearningHeader = ({
courseOrg, courseNumber, courseTitle, intl, showUserDropdown,
courseOrg, courseTitle, intl, showUserDropdown,
}) => {
const { authenticatedUser } = useContext(AppContext);

Expand All @@ -45,19 +45,19 @@ const LearningHeader = ({
<div className="container-xl py-2 d-flex align-items-center">
{headerLogo}
<div className="flex-grow-1 course-title-lockup" style={{ lineHeight: 1 }}>
<div className="course-info-header">
<span className="d-block title">{courseTitle}</span>
<div className="course-info-header">
<span className="d-block title">{courseTitle}</span>
<span className="d-block org">{courseOrg}</span>
</div>
<div className="nav-course">
<a href={`${getConfig().LMS_BASE_URL}/dashboard`}>
My Courses
My Courses
</a>
</div>
<div className="nav-course">
<a href={`${getConfig().LMS_BASE_URL}/courses`}>
Discover
</a>
<a href={`${getConfig().LMS_BASE_URL}/courses`}>
Discover
</a>
</div>
</div>
{showUserDropdown && authenticatedUser && (
Expand All @@ -75,15 +75,13 @@ const LearningHeader = ({

LearningHeader.propTypes = {
courseOrg: PropTypes.string,
courseNumber: PropTypes.string,
courseTitle: PropTypes.string,
intl: intlShape.isRequired,
showUserDropdown: PropTypes.bool,
};

LearningHeader.defaultProps = {
courseOrg: null,
courseNumber: null,
courseTitle: null,
showUserDropdown: true,
};
Expand Down

0 comments on commit f2bccff

Please sign in to comment.