import { useLocation } from "react-router";
import { Link } from "react-router";

export default function Footer() {
  const location = useLocation();
  return (
    <footer className={location.pathname === "/network" ? "fixed-footer" : ""}>
      <div className="navbar">
        <Link to="/">
          <span>Form</span>
        </Link>
        <span>|</span>
        <Link to="/network">
          <span>Trainer Analysis</span>
        </Link>
        <span>|</span>
        <Link to="/mvp">
          <span>MVP</span>
        </Link>
      </div>
      <p className="grey extra-margin">
        something not working?
        <br />
        message <a href="https://t.me/x0124816">me</a>.
        <br />
        or fix it here:{" "}
        <a href="https://git.0124816.xyz/julius/cutt" key="gitea">
          <img src="gitea.svg" alt="gitea" height="16" />
        </a>
      </p>
    </footer>
  );
}