source: frontend/web3-eDnevnik_Frontend/src/pages/dashboards/Predmeten_NastavnikDashboard/Predmeten_NastavnikDashboard.jsx

import React, { useState, useEffect } from "react";
import axios from "axios";
import styles from "../Klasen_RakovoditelDashboard/KlasenRakovoditelDashboardPageStyles.module.css";
import NavbarKlasen from "../../../components/navbarKlasen/NavbarKlasen.jsx";
import { Link } from "react-router-dom";

const Predmeten_NastavnikDashboard = ({ predmetenNastavnikId }) => {
  const [klasovi, setKlasovi] = useState([]);
  const [error, setError] = useState("");
  const [loading, setLoading] = useState(false);

  useEffect(() => {
    const initializeDashboard = async () => {
      if (!predmetenNastavnikId) return;
      try {
        setLoading(true);
        const resClassesInitial = await axios.get(
          `http://localhost:8080/api/users/nastavnici/predmetniNastavnici/${predmetenNastavnikId}/classes`,
          { withCredentials: true }
        );
        setKlasovi(resClassesInitial.data);
      } catch (err) {
        console.log(err);
      } finally {
        setLoading(false);
      }
    };
    initializeDashboard();
  }, [predmetenNastavnikId]);

  return (
    <>
      <div>
        <NavbarKlasen />
        <div className="container mt-5 mh-100">
          {console.log(klasovi)}
          <div className="row">
            <div className="col-12">
              <nav
                className="container text-white h-5 d-flex  text-start p-3"
                style={{ backgroundColor: "#147176" }}
              >
                <div className="dropdown">
                  <button
                    className="btn btn-secondary dropdown-toggle"
                    type="button"
                    id="dropdownMenuButton"
                    data-bs-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                  >
                    Мои класови
                  </button>
                  <div
                    className="dropdown-menu"
                    aria-labelledby="dropdownMenuButton"
                  >
                    {loading ? (
                      <div className="dropdown-item">Вчитување...</div>
                    ) : klasovi.length > 0 ? (
                      klasovi.map((k) => (
                        <Link
                          key={k.id}
                          className="dropdown-item"
                          to={`/predmetenNastavnikDashboard/klas/${k.id}/soopstenija`}
                        >
                          {k.oddelenie}-{k.paralelka}
                        </Link>
                      ))
                    ) : (
                      <div className="dropdown-item">Нема класови</div>
                    )}
                  </div>
                </div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default Predmeten_NastavnikDashboard;