import { listarMenusHistorico } from "@/requests/CRUD/Usuario/cadastrarUsuario";
import { useAuth } from "@/src/contexts/authContext";
import { useHistoricoMenuContext } from "@/src/contexts/historicoMenusContext";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";
import { PiGearSixBold } from "react-icons/pi";

const Configuration = () => {
  const { valuesSession } = useAuth();
  const { session } = valuesSession();
  const id_usuario = session.id_usuario;
  const { historicoMenu, setHistoricoMenu } = useHistoricoMenuContext();
  const route = useRouter();
  const [openModal, setOpenModal] = useState(false);

  // useEffect(() => {
  //   listarMenusHistorico(id_usuario).then((e) => {
  //     setHistoricoMenu(e);
  //   });
  // }, []);

  const handleClick = (e: any) => {
    route.push("/CXESCFG001");
  };

  return (
    <>
      <li className="relative">
        <div
          onClick={(e) => {
            handleClick(e);
          }}
          // href="#"
          className="cursor-pointer relative flex h-8.5 w-8.5 items-center justify-center rounded-full border-[0.5px] border-stroke bg-gray hover:text-primary dark:border-strokedark dark:bg-meta-4 dark:text-white"
        >
          <PiGearSixBold title="Configurações Gerais" size={19} />
        </div>
      </li>
    </>
  );
};

export default Configuration;