for Nikita

gistfile1.txt

import React, { Component } from "react";
import TeamsPanel from './components/Main/TeamsPanel'
import TeamDescriptionPanel from './components/Main/TeamDescriptionPanel.js'
import SignIn from './components/SignIn/SignIn.js'
import { Switch, Route } from 'react-router-dom'
import NavigationPanel from './components/Main/NavigationPanel.js'
import PassRecovery from './components/PassRecovery/PassRecovery'
import PassRecoverySuccess from './components/PassRecoverySuccess/PassRecoverySuccess'

export class TeamsRouter extends Component {

  render() {
    return (
      <div style={{ display: 'flex', background: "#F2F2F2" }}>
        <NavigationPanel />
        <Switch>
          <Route exact path='/teams' component={TeamsPanel} />
          <Route path='/teams/team' component={TeamDescriptionPanel} />
        </Switch>
      </div>
    )
  }
}

export class UserRouter extends Component {

  render() {
    return (
      <div style={{ display: 'flex', background: "#F2F2F2" }}>
        <NavigationPanel />
        <Switch>
          <Route exact path='/users' component={Users} />
          <Route path='/users/user' component={User} />
        </Switch>
      </div>
    )
  }
}

export const RootRouter = () => (
  <Switch>
    <Route exact path='/' component={SignIn} />
    <Route path='/teams' component={TeamsRouter} />
    <Route path='/passrecovery' component={PassRecovery} />
    <Route path='/passrecoverysuccess' component={PassRecoverySuccess} />
  </Switch>
)