From c6e32103dc0cd14d2d3bbf6b0a664b86101e470e Mon Sep 17 00:00:00 2001
From: port <108868128+portdeveloper@users.noreply.github.com>
Date: Sat, 23 Mar 2024 21:05:43 +0300
Subject: [PATCH 1/6] Remove extra footer

---
 packages/nextjs/pages/[contractAddress]/[network].tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/nextjs/pages/[contractAddress]/[network].tsx b/packages/nextjs/pages/[contractAddress]/[network].tsx
index b3b4beb9..dd22bc4e 100644
--- 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>
     </>
   );

From d83aaeda42ad4865a9b7ecbd63763758756c14db Mon Sep 17 00:00:00 2001
From: port <108868128+portdeveloper@users.noreply.github.com>
Date: Sat, 23 Mar 2024 21:17:03 +0300
Subject: [PATCH 2/6] Use MiniFooter in ContractUI

---
 packages/nextjs/components/MiniFooter.tsx     | 46 +++++++++----------
 .../scaffold-eth/Contract/ContractUI.tsx      | 26 +----------
 2 files changed, 23 insertions(+), 49 deletions(-)

diff --git a/packages/nextjs/components/MiniFooter.tsx b/packages/nextjs/components/MiniFooter.tsx
index f8edd52a..be715761 100644
--- 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 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>
   );
 };
diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx
index 592bab93..5ec46c49 100644
--- 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";
@@ -149,28 +148,7 @@ export const ContractUI = ({ className = "", initialContractData }: ContractUIPr
             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">

From e5df32bde03e8d0efe1e220246152e7516665042 Mon Sep 17 00:00:00 2001
From: port <108868128+portdeveloper@users.noreply.github.com>
Date: Sun, 24 Mar 2024 15:21:13 +0300
Subject: [PATCH 3/6] Remove unused components in _app.tsx

---
 packages/nextjs/pages/_app.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/nextjs/pages/_app.tsx b/packages/nextjs/pages/_app.tsx
index f85f3293..2962c83a 100644
--- 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 />
     </>

From 8292c557cbb4570f98c77a7071dee58b295b7091 Mon Sep 17 00:00:00 2001
From: port <108868128+portdeveloper@users.noreply.github.com>
Date: Sun, 24 Mar 2024 15:26:02 +0300
Subject: [PATCH 4/6] Move pr on MiniFooter to the sidebar

---
 packages/nextjs/components/MiniFooter.tsx                       | 2 +-
 packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/components/MiniFooter.tsx b/packages/nextjs/components/MiniFooter.tsx
index be715761..8e745a45 100644
--- a/packages/nextjs/components/MiniFooter.tsx
+++ b/packages/nextjs/components/MiniFooter.tsx
@@ -3,7 +3,7 @@ import { BuidlGuidlLogo } from "~~/components/assets/BuidlGuidlLogo";
 
 export const MiniFooter = () => {
   return (
-    <div className="flex justify-center items-center gap-1 text-xs w-full pr-6 pt-4">
+    <div className="flex justify-center items-center gap-1 text-xs w-full pt-4">
       <div className="mb-1">
         <a href="https://github.com/BuidlGuidl/abi.ninja" target="_blank" rel="noreferrer" className="link">
           Fork me
diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx
index 5ec46c49..8e3ba6ef 100644
--- a/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx
+++ b/packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx
@@ -141,7 +141,7 @@ 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}

From f4794a26230ebc646acd9f5587ab124f9ed50b63 Mon Sep 17 00:00:00 2001
From: port <108868128+portdeveloper@users.noreply.github.com>
Date: Mon, 25 Mar 2024 19:47:38 +0300
Subject: [PATCH 5/6] Add top margin to MiniFooter

---
 packages/nextjs/components/MiniFooter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/MiniFooter.tsx b/packages/nextjs/components/MiniFooter.tsx
index 8e745a45..b1aff937 100644
--- a/packages/nextjs/components/MiniFooter.tsx
+++ b/packages/nextjs/components/MiniFooter.tsx
@@ -3,7 +3,7 @@ import { BuidlGuidlLogo } from "~~/components/assets/BuidlGuidlLogo";
 
 export const MiniFooter = () => {
   return (
-    <div className="flex justify-center items-center gap-1 text-xs w-full pt-4">
+    <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

From 027b777b9be39aef755e8e2b0cab069d23661611 Mon Sep 17 00:00:00 2001
From: port <108868128+portdeveloper@users.noreply.github.com>
Date: Mon, 25 Mar 2024 19:48:37 +0300
Subject: [PATCH 6/6] Change overall padding to bottom padding on index page

---
 packages/nextjs/pages/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
index 1cccdd91..7e7fe631 100644
--- 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>