cspace-ui
Version:
CollectionSpace user interface for browsers
67 lines (54 loc) • 1.81 kB
JSX
import React from 'react';
import PropTypes from 'prop-types';
import { defineMessages, FormattedMessage } from 'react-intl';
import { Redirect, Route, Switch } from 'react-router';
import Immutable from 'immutable';
import AccountPageContainer from '../../containers/pages/AccountPageContainer';
import AuthRolePageContainer from '../../containers/pages/AuthRolePageContainer';
import AdminNavBar from '../admin/AdminNavBar';
import TitleBar from '../sections/TitleBar';
import { canList } from '../../helpers/permissionHelpers';
import styles from '../../../styles/cspace-ui/AdminPage.css';
const messages = defineMessages({
title: {
id: 'adminPage.title',
defaultMessage: 'Administration',
},
});
const tabs = [
'account',
'authrole',
];
const propTypes = {
match: PropTypes.shape({
url: PropTypes.string,
}),
perms: PropTypes.instanceOf(Immutable.Map),
preferredTab: PropTypes.string,
};
export default function AdminPage(props) {
const {
match,
perms,
preferredTab,
} = props;
const basename = match.url;
const title = <FormattedMessage {...messages.title} />;
const permittedTabs = tabs.filter((tab) => canList(tab, perms));
if (permittedTabs.length === 0) {
return null;
}
const redirectTabName = preferredTab || permittedTabs[0];
return (
<div className={styles.common}>
<TitleBar title={title} updateDocumentTitle />
<AdminNavBar basename={basename} tabs={permittedTabs} />
<Switch>
<Redirect exact path={basename} to={`${basename}/${redirectTabName}`} />
<Route path={`${basename}/account/:csid?`} component={AccountPageContainer} />
<Route path={`${basename}/authrole/:csid?`} component={AuthRolePageContainer} />
</Switch>
</div>
);
}
AdminPage.propTypes = propTypes;