import { toGetVersionDetails } from "@/services/public";
import { useSession } from "next-auth/react";
import { useEffect, useState } from "react";

function Footer() {
  const currentYear = new Date().getFullYear();
  const { data } = useSession();
  const [ versionData, setVersionData] = useState<any>([]);

  const toGetVersionData = async ()=>{
    const responce = await toGetVersionDetails();
    if(responce?.status == 'success'){
      setVersionData(responce?.data);
    }
  }

  useEffect(()=>{
    if(data?.user?.user_type == 'admin'){
      toGetVersionData();
    }
  }, [])

  return (
    <div className="footer">
      <div className="copyright">
        <p>
          Copyright &copy; Designed & Developed by <a href="#">Draydex</a> {currentYear}
        </p>
      </div>
      <div className="version-layout">
        {versionData?.commit_hash && (
          <span>Commit: <b>{versionData.commit_hash}</b></span>
        )}
        {versionData?.version && (
          <span>Version: <b>{versionData.version}</b></span>
        )}
      </div>
    </div>
  );
}

export default Footer;