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, withAuthenticatedContext, AuthenticatedRoute } from '../authentication'; import { MenuAppBar } from '../components';
import APSettingsController from './APSettingsController'; import APStatusController from './APStatusController';
type AccessPointProps = AuthenticatedContextProps & RouteComponentProps;
class AccessPoint extends Component<AccessPointProps> {
handleTabChange = (event: React.ChangeEvent<{}>, path: string) => { this.props.history.push(path); };
render() { const { authenticatedContext } = this.props; return ( <MenuAppBar sectionTitle="Access Point"> <Tabs value={this.props.match.url} onChange={this.handleTabChange} variant="fullWidth"> <Tab value="/ap/status" label="Access Point Status" /> <Tab value="/ap/settings" label="Access Point Settings" disabled={!authenticatedContext.me.admin} /> </Tabs> <Switch> <AuthenticatedRoute exact path="/ap/status" component={APStatusController} /> <AuthenticatedRoute exact path="/ap/settings" component={APSettingsController} /> <Redirect to="/ap/status" /> </Switch> </MenuAppBar> ) } }
export default withAuthenticatedContext(AccessPoint);
|