source: src/components/App.js@ 1

import React, { useState } from 'react';

import 'bootstrap/dist/css/bootstrap.css';
import '@fortawesome/fontawesome-free/css/all.css';

import './main.css';

import NavBar from './Navbar';
import Genius from './Genius';
import RunServer from './RunServer';
import { ProfilesServer } from './ProfilesServer';
import { PartiesServer } from './PartiesServer';

function App() {
  const [loc, setLoc] = useState('/');

  const loc_ = loc.split('/')[1]; // for future parsing

  return (
    <div>
      <NavBar loc={loc_} setLoc={setLoc} />
      <div className="container text-center">
        {loc_ === '' && <Genius setLoc={setLoc} />}
        {loc_ === 'rs' && <RunServer loc={loc} setLoc={setLoc} />}
        {loc_ === 'prs' && <ProfilesServer loc={loc} setLoc={setLoc} />}
        {loc_ === 'pas' && <PartiesServer loc={loc} setLoc={setLoc} />}
      </div>
    </div>
  );
}

export default App;