Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>React App</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="root"></div>
</body>
</html>

import React, {Component} from "react";
import Result from "../result/result";
import "./style.css";

class AllResults extends Component {

    render() {
        return (
            <div className="global_result">
                <div className="results">
                    <Result />
                </div>
            </div>
        );
    }

}

export default AllResults;

import React, {Component} from "react";
import Login from "./login/login";
import Topics from "./topics/topics";
import Task from "./task/task";
import Results from "./results/results";
import AllResults from "./all_results/all-results";
import {BrowserRouter, Redirect, Route, Switch} from "react-router-dom";
import {createSession} from "../api/session-api";

class App extends Component {

    componentDidMount() {
        let sessionId = sessionStorage.getItem('sessionId');

        if (!sessionId) {
            createSession().then((id) => {
                sessionStorage.setItem('sessionId', id);
            });
        }
    }

    render() {
        return (
            <BrowserRouter>
                <Switch>
                    <Route exact path="/" render={() => <Redirect to="/login"/>}/>
                    <Route path='/login' component={Login}/>
                    <Route path='/topics' component={Topics}/>
                    <Route path='/task' component={Task}/>
                    <Route exact path='/results' component={Results}/>
                    <Route path='/results/all' component={AllResults}/>
                </Switch>
            </BrowserRouter>
        );
    }

}

export default App;