1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-07-22 10:52:47 +00:00
seahub/frontend/src/components/org-admin-group-nav.js

37 lines
1.2 KiB
JavaScript
Raw Normal View History

import React from 'react';
import PropTypes from 'prop-types';
import { Link } from '@reach/router';
import { siteRoot, gettext } from '../utils/constants';
const propTypes = {
groupID: PropTypes.string.isRequired,
currentItem: PropTypes.string.isRequired
};
class OrgAdminGroupNav extends React.Component {
render() {
const { groupID, currentItem } = this.props;
const urlBase = `${siteRoot}org/groupadmin/${groupID}/`;
return (
<div className="cur-view-path org-admin-user-nav">
<ul className="nav">
<li className="nav-item">
<Link to={urlBase} className={`nav-link${currentItem == 'info' ? ' active' : ''}`}>{gettext('Group Info')}</Link>
</li>
<li className="nav-item">
<Link to={`${urlBase}repos/`} className={`nav-link${currentItem == 'repos' ? ' active' : ''}`}>{gettext('Libraries')}</Link>
</li>
<li className="nav-item">
<Link to={`${urlBase}members/`} className={`nav-link${currentItem == 'members' ? ' active' : ''}`}>{gettext('Members')}</Link>
</li>
</ul>
</div>
);
}
}
OrgAdminGroupNav.propTypes = propTypes;
export default OrgAdminGroupNav;