ITUDevUps/devUps

import React from 'react';
import './App.css';
import {Link, Outlet} from "react-router-dom";
import SearchBar from "./components/SearchField/SearchBar";

function App() {

    const logout = () => {
        localStorage.removeItem("token");
        window.location.href = "/";
    }

    return (
        <div className="App">
            <header className="App-header">
                <div className="navigation">
                    <div className="nav-links">
                        <Link className="nav-link" to="/">Timeline</Link>
                        <SearchBar/>
                    </div>
                    {(localStorage.getItem("token") === null) && (
                        <div>
                            <Link className="nav-link" to="/login">Login</Link> |
                            <Link className="nav-link" to="/sign-up">Sign up</Link>
                        </div>
                    )}
                    {(localStorage.getItem("token") !== null) && (
                        <>
                            <div className="nav-links">
                                <Link className="nav-link" to="/user/">Profile</Link>
                                <p className="nav-link logout-button" onClick={logout}>Logout</p>
                            </div>
                        </>
                    )}
                </div>
                <h1>MiniTwit</h1>
                <Outlet/>
            </header>
            <footer className="App-footer">
                <p>MiniTwit - A DevUps Application</p>
            </footer>
        </div>
    );
}

export default App;