import React from "react";
import PropTypes from "prop-types";
import { Route, Switch } from "react-router-dom";
import Auth from "./Auth/AuthContainer";
import RoomList from "./Room/RoomContainer";
import Main from "./MainPresenter";

const LoggedInRoutes = () => (
  <Switch>
    <Route exact path="/room-list" component={RoomList} />
  </Switch>
);

const LoggedOutRoutes = () => (
  <Switch>
    <Route exact path="/auth" component={Auth} />
    <Route exact path="/forum" component={Main} />
    <Route exact path="/about" component={Main} />
    <Route exact path="/features" component={Main} />
    <Route exact path="/support" component={Main} />
  </Switch>
);

const AppRouter = ({ isLoggedIn }) =>
  isLoggedIn ? <LoggedInRoutes /> : <LoggedOutRoutes />;

AppRouter.propTypes = {
  isLoggedIn: PropTypes.bool.isRequired,
};

export default AppRouter;