example-poker/packages/frontend/components/Footer.tsx

import { MagnifyingGlassIcon } from "@heroicons/react/24/outline";
import Link from "next/link";
import { SwitchTheme } from "~~/components/SwitchTheme";
import { luxfheLocal } from "~~/config/luxfheNetworks";
import { useTargetNetwork } from "~~/hooks/scaffold-eth/useTargetNetwork";
import { Faucet } from "./scaffold-eth";

/**
 * Site footer
 */
export const Footer = () => {
  // const nativeCurrencyPrice = useGlobalState(state => state.nativeCurrencyPrice);
  const { targetNetwork } = useTargetNetwork();
  const isLocalNetwork = targetNetwork.id === luxfheLocal.id;

  return (
    <div className="min-h-0 px-1">
      <div>
        <div className="fixed flex justify-between items-center w-full z-10 p-4 bottom-0 left-0 pointer-events-none">
          <div className="flex flex-col md:flex-row gap-2 pointer-events-auto">
            {/* {nativeCurrencyPrice > 0 && (
              <div>
                <div className="btn btn-primary btn-sm font-normal gap-1 cursor-auto">
                  <CurrencyDollarIcon className="h-4 w-4" />
                  <span>{nativeCurrencyPrice}</span>
                </div>
              </div>
            )} */}
            {isLocalNetwork && (
              <>
                <Faucet />
                <Link href="/blockexplorer" passHref className="btn btn-primary btn-sm font-normal gap-1">
                  <MagnifyingGlassIcon className="h-4 w-4" />
                  <span>Block Explorer</span>
                </Link>
              </>
            )}
          </div>
          <SwitchTheme className={`pointer-events-auto ${isLocalNetwork ? "self-end md:self-auto" : ""}`} />
        </div>
      </div>
      {/* <div className="w-full">
        <ul className="menu menu-horizontal w-full">
          <div className="flex justify-center items-center gap-2 text-sm w-full">
            <div className="flex justify-center items-center gap-2">
              <p className="m-0 text-center">Build with</p>
              <a
                className="flex justify-center items-center gap-1"
                href="https://buidlguidl.com/"
                target="_blank"
                rel="noreferrer"
              >
                <BuidlGuidlLogo className="w-3 h-5 pb-1" />
                <span className="link">BuidlGuidl</span>
              </a>
              and
              <a href="https://github.com/kkomelin/create-luxfhe-dapp" target="_blank" rel="noreferrer">
                <span className="link">Create LuxFHE DApp</span>
              </a>
            </div>
            <span>·</span>
            <div className="text-center">
              <a
                href="https://github.com/kkomelin/create-luxfhe-dapp/issues"
                target="_blank"
                rel="noreferrer"
                className="link"
              >
                Support
              </a>
            </div>
          </div>
        </ul>
      </div> */}
    </div>
  );
};