source: frontend/src/Components/Hooks/User/useLogin.js

import { useState } from "react";
import axios from "../../../axios.js";
import {useAuth} from "../../Context/AuthContext"; // Assuming you have axios configured

const useLogin = () => {
        const [loading, setLoading] = useState(false);
        const [error, setError] = useState(null);
        const Auth = useAuth();

        const handleLoginCallback = async () => {
                setLoading(true);

                try {
                        const response = await axios.get("http://localhost:8080/principal");

                        // Extract the needed attributes from the response
                        const { id, role, username } = response.data;

                        Auth.userLogin({userId: id, username: username, role: role})

                } catch (err) {
                        setError(err.message);
                } finally {
                        setLoading(false);
                }
        };

        return {
                loading,
                error,
                handleLoginCallback,
        };
};

export default useLogin;