Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove extra footer #75

Merged
merged 6 commits into from
Mar 25, 2024
Merged

Remove extra footer #75

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c6e3210
Remove extra footer
portdeveloper Mar 23, 2024
d83aaed
Use MiniFooter in ContractUI
portdeveloper Mar 23, 2024
e5df32b
Remove unused components in _app.tsx
portdeveloper Mar 24, 2024
8292c55
Move pr on MiniFooter to the sidebar
portdeveloper Mar 24, 2024
f4794a2
Add top margin to MiniFooter
portdeveloper Mar 25, 2024
027b777
Change overall padding to bottom padding on index page
portdeveloper Mar 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 21 additions & 25 deletions packages/nextjs/components/MiniFooter.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
);
};
28 changes: 3 additions & 25 deletions packages/nextjs/components/scaffold-eth/Contract/ContractUI.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -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">
Expand Down
2 changes: 0 additions & 2 deletions packages/nextjs/pages/[contractAddress]/[network].tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -133,7 +132,6 @@ const ContractDetailPage = () => {
</div>
)}
</div>
<Footer />
</div>
</>
);
Expand Down
4 changes: 0 additions & 4 deletions packages/nextjs/pages/_app.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand All @@ -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 />
</>
Expand Down
2 changes: 1 addition & 1 deletion packages/nextjs/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Loading