Remove extra footer (#75)

BuidlGuidl · Mar 25, 2024 · 0e28d65 · 0e28d65
1 parent bbf8460
commit 0e28d65
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 57 deletions.
diff --git a/packages/nextjs/components/MiniFooter.tsx b/packages/nextjs/components/MiniFooter.tsx
@@ -3,31 +3,27 @@ import { BuidlGuidlLogo } from "~~/components/assets/BuidlGuidlLogo";
 
 export const MiniFooter = () => {
   return (
-    <div className="mt-10">
-      <ul className="menu menu-horizontal w-full">
-        <div className="flex w-full items-center justify-center gap-2 text-xs">
-          <div className="text-center">
-            <a href="https://github.com/BuidlGuidl/abi.ninja" target="_blank" rel="noreferrer" className="link">
-              Fork me
-            </a>
-          </div>
-          <span>·</span>
-          <div className="flex items-center justify-center gap-2">
-            <p className="m-0 text-center">
-              Built with <HeartIcon className="inline-block h-4 w-4" /> at
-            </p>
-            <a
-              className="flex items-center justify-center gap-1"
-              href="https://buidlguidl.com/"
-              target="_blank"
-              rel="noreferrer"
-            >
-              <BuidlGuidlLogo className="h-5 w-3 pb-1" />
-              <span className="link">BuidlGuidl</span>
-            </a>
-          </div>
-        </div>
-      </ul>
+    <div className="flex justify-center items-center gap-1 text-xs w-full mt-10">
+      <div className="mb-1">
+        <a href="https://github.com/BuidlGuidl/abi.ninja" target="_blank" rel="noreferrer" className="link">
+          Fork me
+        </a>
+      </div>
+      <span>·</span>
+      <div className="flex justify-center items-center gap-2">
+        <p className="m-0 text-center">
+          Built with <HeartIcon className="inline-block h-4 w-4" /> at
+        </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>
+      </div>
     </div>
   );
 };
diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx
@@ -6,8 +6,7 @@ import { ContractWriteMethods } from "./ContractWriteMethods";
 import { AbiFunction } from "abitype";
 import { Abi } from "viem";
 import { useContractRead } from "wagmi";
-import { HeartIcon } from "@heroicons/react/24/outline";
-import { BuidlGuidlLogo } from "~~/components/assets/BuidlGuidlLogo";
+import { MiniFooter } from "~~/components/MiniFooter";
 import { Address, Balance, MethodSelector } from "~~/components/scaffold-eth";
 import { useNetworkColor } from "~~/hooks/scaffold-eth";
 import { useAbiNinjaState } from "~~/services/store/store";
@@ -142,35 +141,14 @@ export const ContractUI = ({ className = "", initialContractData }: ContractUIPr
       <input id="sidebar" type="checkbox" className="drawer-toggle" />
       <div className="drawer-side h-full z-50 sm:z-10">
         <label htmlFor="sidebar" aria-label="close sidebar" className="drawer-overlay"></label>
-        <ul className="menu p-6 pr-0 pb-3 bg-white h-full justify-between flex-nowrap">
+        <ul className="menu p-6 pr-6 pb-3 bg-white h-full justify-between flex-nowrap">
           <MethodSelector
             readMethodsWithInputsAndWriteMethods={readMethodsWithInputsAndWriteMethods}
             abi={abi}
             onMethodSelect={handleMethodSelect}
             removeMethod={removeMethod}
           />
-          <div className="flex justify-center items-center gap-1 text-xs w-full pr-6 pt-4">
-            <div className="mb-1">
-              <a href="https://github.com/BuidlGuidl/abi.ninja" target="_blank" rel="noreferrer" className="link">
-                Fork me
-              </a>
-            </div>
-            <span>·</span>
-            <div className="flex justify-center items-center gap-2">
-              <p className="m-0 text-center">
-                Built with <HeartIcon className="inline-block h-4 w-4" /> at
-              </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>
-            </div>
-          </div>
+          <MiniFooter />
         </ul>
       </div>
       <div className="drawer-content flex flex-col items-center justify-center overflow-auto">

diff --git a/packages/nextjs/pages/[contractAddress]/[network].tsx b/packages/nextjs/pages/[contractAddress]/[network].tsx
@@ -5,7 +5,6 @@ import { ParsedUrlQuery } from "querystring";
 import { Abi, isAddress } from "viem";
 import * as chains from "viem/chains";
 import { ExclamationTriangleIcon } from "@heroicons/react/24/outline";
-import { Footer } from "~~/components/Footer";
 import { MetaHeader } from "~~/components/MetaHeader";
 import { MiniHeader } from "~~/components/MiniHeader";
 import { ContractUI } from "~~/components/scaffold-eth";
@@ -133,7 +132,6 @@ const ContractDetailPage = () => {
             </div>
           )}
         </div>
-        <Footer />
       </div>
     </>
   );

diff --git a/packages/nextjs/pages/_app.tsx b/packages/nextjs/pages/_app.tsx
@@ -7,8 +7,6 @@ import NextNProgress from "nextjs-progressbar";
 import { Toaster } from "react-hot-toast";
 import { useDarkMode } from "usehooks-ts";
 import { WagmiConfig } from "wagmi";
-// import { Footer } from "~~/components/Footer";
-// import { Header } from "~~/components/Header";
 import { BlockieAvatar } from "~~/components/scaffold-eth";
 import { useNativeCurrencyPrice } from "~~/hooks/scaffold-eth";
 import { useGlobalState } from "~~/services/store/store";
@@ -29,11 +27,9 @@ const ScaffoldEthApp = ({ Component, pageProps }: AppProps) => {
   return (
     <>
       <div className="flex min-h-screen flex-col">
-        {/* <Header /> */}
         <main className="relative flex flex-1 flex-col">
           <Component {...pageProps} />
         </main>
-        {/* <Footer /> */}
       </div>
       <Toaster />
     </>

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
@@ -136,7 +136,7 @@ const Home: NextPage = () => {
     <>
       <MetaHeader />
       <div className="flex flex-grow items-center justify-center bg-base-100">
-        <div className="flex h-screen w-full flex-col items-center justify-center rounded-2xl bg-white p-2 lg:h-[650px] lg:w-[450px] lg:justify-between lg:shadow-xl">
+        <div className="flex h-screen w-full flex-col items-center justify-center rounded-2xl bg-white pb-4 lg:h-[650px] lg:w-[450px] lg:justify-between lg:shadow-xl">
           <div className="mt-10 flex flex-col items-center justify-center lg:w-10/12">
             <Image src="/logo_inv.svg" alt="logo" width={128} height={128} className="mb-4" />
             <h2 className="mb-0 text-5xl font-bold">ABI Ninja</h2>