You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
import React, { Component } from 'react'; import { Redirect, Switch, RouteComponentProps } from 'react-router-dom'
import { Tabs, Tab } from '@material-ui/core';
import { AuthenticatedContextProps, AuthenticatedRoute } from '../authentication'; import { MenuAppBar } from '../components';
import ManageUsersController from './ManageUsersController'; import SecuritySettingsController from './SecuritySettingsController';
type SecurityProps = AuthenticatedContextProps & RouteComponentProps;
class Security extends Component<SecurityProps> {
handleTabChange = (event: React.ChangeEvent<{}>, path: string) => { this.props.history.push(path); };
render() { return ( <MenuAppBar sectionTitle="Security"> <Tabs value={this.props.match.url} onChange={this.handleTabChange} variant="fullWidth"> <Tab value="/security/users" label="Manage Users" /> <Tab value="/security/settings" label="Security Settings" /> </Tabs> <Switch> <AuthenticatedRoute exact path="/security/users" component={ManageUsersController} /> <AuthenticatedRoute exact path="/security/settings" component={SecuritySettingsController} /> <Redirect to="/security/users" /> </Switch> </MenuAppBar> ) } }
export default Security;
|