source: frontend/web3-eDnevnik_Frontend/src/pages/RoditelPages/Roditel_MyPayments/Roditel_MyPayments.jsx

import { useEffect, useState } from "react";
import axios from "axios";

import NavbarRoditel from "../../../components/NavbarRoditel/NavbarRoditel";
const Roditel_MyPayments = () => {
  const [payments, setPayments] = useState([]);
  const [loading, setLoading] = useState(false);
  const [roditelId, setRoditelId] = useState(null);
  const [paymentSoopstenieId, setPaymentSoopstenieId] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      try {
        setLoading(true);
        const resMe = await axios.get("http://localhost:8080/api/auth/me", {
          withCredentials: true,
        });

        let roditelId = resMe.data.id;

        const response = await axios.get(
          `http://localhost:8080/api/payments/parent/${roditelId}`,
          { withCredentials: true }
        );
        setPayments(response.data);
      } catch (err) {
        console.error("Error fetching roditel ID:", err);
      } finally {
        setLoading(false);
      }
    };
    fetchData();
  }, []);

  return (
    <>
      <NavbarRoditel />

      <table className="table stripped">
        <thead>
          <tr>
            <th scope="col">Статус</th>
            <th scope="col">Tx hash</th>
            <th scope="col">Износ</th>
            <th scope="col">Платено на</th>

            <th scope="col">Креирано на</th>
            <th scope="col">Соопштенеие ид</th>
          </tr>
        </thead>
        <tbody>
          {payments && payments.length > 0 ? (
            payments.map((p) => (
              <tr key={p.id}>
                <td>{p.status}</td>
                <td>{p.txHash}</td>
                <td>
                  {Number(p.iznos).toFixed(18)} - {p.valuta}
                </td>
                <td>{p.platenoNa}</td>

                <td>{p.createdAt}</td>
                <td>{p.soopstenieId}</td>
              </tr>
            ))
          ) : (
            <tr>
              <td className="col-1">Нема</td>
            </tr>
          )}
        </tbody>
      </table>
    </>
  );
};

export default Roditel_MyPayments;