mirror of
https://github.com/fleetdm/fleet
synced 2026-05-19 06:58:30 +00:00
49e71e4ed6
- Add new PNG files for the new icons in the left side navigation and the right side labels on the Hosts page. - Rename the old `<Icon />` component to `<KolideIcon />` and create a new `<Icon />` component. The ultimate goal is to get rid of the `<KolideIcon />` and `<PlatformIcon />` components and use the encompassing `<Icon />` component for all icons. The full transition will be made when we have icon assets to replace all the kolide icons and platform icons. Currently, we don't. - Rename the `icon_name_for_label.js` utility to `icon_name.js` because the utility now includes `iconNameForLabel()` and `iconNameForPlatform()` functions. - Fixes issue #127.
54 lines
1.8 KiB
JavaScript
54 lines
1.8 KiB
JavaScript
import React, { Component } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classnames from 'classnames';
|
|
|
|
import Icon from 'components/icons/Icon';
|
|
import PATHS from 'router/paths';
|
|
|
|
class UserMenu extends Component {
|
|
static propTypes = {
|
|
pathname: PropTypes.string,
|
|
onLogout: PropTypes.func,
|
|
onNavItemClick: PropTypes.func,
|
|
user: PropTypes.shape({
|
|
gravatarURL: PropTypes.string,
|
|
name: PropTypes.string,
|
|
username: PropTypes.string.isRequired,
|
|
position: PropTypes.string,
|
|
}).isRequired,
|
|
};
|
|
|
|
static defaultProps = {
|
|
isOpened: false,
|
|
};
|
|
|
|
render () {
|
|
const { pathname, onLogout, onNavItemClick } = this.props;
|
|
|
|
const baseClass = 'user-menu';
|
|
const userMenuClass = classnames(baseClass);
|
|
|
|
let settingsActive;
|
|
if (pathname.replace('/', '') === 'settings') settingsActive = true;
|
|
const settingsNavItemBaseClass = classnames(
|
|
`${baseClass}__nav-item`,
|
|
{
|
|
[`${baseClass}__nav-item--active`]: settingsActive,
|
|
},
|
|
);
|
|
|
|
return (
|
|
<div className={userMenuClass}>
|
|
<nav className={`${baseClass}__nav`}>
|
|
<ul className={`${baseClass}__nav-list`}>
|
|
<li className={settingsNavItemBaseClass}><a href="#settings" onClick={onNavItemClick(PATHS.USER_SETTINGS)}><Icon name="main-settings-white" size="24" /><span>Account</span></a></li>
|
|
<li className={`${baseClass}__nav-item`}><a href="https://github.com/fleetdm/fleet/blob/master/docs/README.md" target="_blank" rel="noreferrer"><Icon name="main-help-white" size="24" /><span>Help</span></a></li>
|
|
<li className={`${baseClass}__nav-item`}><a href="#logout" onClick={onLogout}><Icon name="main-logout-white" size="24" /><span>Log out</span></a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default UserMenu;
|