Sidebar

import React, { Component } from "react";
import { NavLink } from "react-router-dom";

class Sidebar extends Component {
  render() {
    return (
      <div className="flex-container float-right text-decoration-none d-flex mt-5">
        <div>
          <ul className="list-unstyled">
            <li className="nav-item">
              <button
                name="PRVA DIVIZIJA"
                className="btn btn-primary btn-lg btn-block btn-toolbar mb-3"
              >
                {" "}
                <NavLink to="/prva_divizija" className="nav-link text-white">
                  PRVA DIVIZIJA
                </NavLink>
              </button>
            </li>

            <li className="nav-item">
              <button
                name="DRUGA DIVIZIJA"
                className="btn btn-primary btn-lg btn-block btn-toolbar mb-3"
              >
                {" "}
                <NavLink to="/druga_divizija" className="nav-link text-white">
                  DRUGA DIVIZIJA
                </NavLink>
              </button>
            </li>

            <li className="nav-item">
              <button
                name="TRECA DIVIZIJA"
                className="btn btn-primary btn-lg btn-block btn-toolbar mb-3"
              >
                <NavLink to="/treca_divizija" className="nav-link text-white">
                  TRECA DIVIZIJA
                </NavLink>
              </button>
            </li>
            <li className="nav-item">
              <button
                name="CETVRTA DIVIZIJA"
                className="btn btn-primary btn-lg btn-block btn-toolbar mb-3"
              >
                <NavLink to="/cetvrta_divizija" className="nav-link text-white">
                  CETVRTA DIVIZIJA
                </NavLink>
              </button>
            </li>
            <li className="nav-item">
              <button
                name="PETA DIVIZIJA"
                className="btn btn-primary btn-lg btn-block btn-toolbar mb-3"
              >
                <NavLink to="/peta_divizija" className="nav-link text-white">
                  PETA DIVIZIJA
                </NavLink>
              </button>
            </li>
            <li className="nav-item">
              <button
                name="DIVIZIJA TUZLA"
                className="btn btn-danger btn-lg btn-block btn-toolbar mb-3"
              >
                <NavLink to="divizija_tuzla" className="nav-link text-white">
                  DIVIZIJA TUZLA
                </NavLink>
              </button>
            </li>

            <li className="nav-item">
              <button
                name="DIVIZIJA SARAJEVO"
                className="btn btn-danger btn-lg btn-block btn-toolbar mb-3"
              >
                <NavLink
                  to="/divizija_sarajevo"
                  className="nav-link text-white"
                >
                  DIVIZIJA SARAJEVO
                </NavLink>
              </button>
            </li>

            <li className="nav-item">
              <button
                name="DIVIZIJA BUGOJNO"
                className="btn btn-danger btn-lg btn-block btn-toolbar mb-3"
              >
                <NavLink to="/divizija_bugojno" className="nav-link text-white">
                  DIVIZIJA BUGOJNO
                </NavLink>
              </button>
            </li>
          </ul>
        </div>
      </div>
    );
  }
}

export default Sidebar;