From 854d8770730bd16684bf684c35246947a8d2c85f Mon Sep 17 00:00:00 2001 From: abefernan <44572727+abefernan@users.noreply.github.com> Date: Mon, 20 Nov 2023 14:30:41 +0100 Subject: [PATCH] Replace old ChainSelect with new Header --- components/Header.tsx | 9 +++++++++ pages/_app.tsx | 8 +++----- 2 files changed, 12 insertions(+), 5 deletions(-) create mode 100644 components/Header.tsx diff --git a/components/Header.tsx b/components/Header.tsx new file mode 100644 index 00000000..0044d3a8 --- /dev/null +++ b/components/Header.tsx @@ -0,0 +1,9 @@ +import ChainConnect from "./ChainConnect"; + +export default function Header() { + return ( + <header className="bg-fuchsia-900"> + <ChainConnect /> + </header> + ); +} diff --git a/pages/_app.tsx b/pages/_app.tsx index 1d811a07..60a26f5b 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,20 +1,18 @@ +import Header from "@/components/Header"; import { Toaster } from "@/components/ui/toaster"; import ThemeProvider from "@/context/ThemesContext"; import "@/styles/globals.css"; import type { AppProps } from "next/app"; -import ChainSelect from "../components/chainSelect/ChainSelect"; import { ChainsProvider } from "../context/ChainsContext"; -function MultisigApp({ Component, pageProps }: AppProps) { - const showChainSelect = process.env.NEXT_PUBLIC_MULTICHAIN?.toLowerCase() === "true"; +export default function MultisigApp({ Component, pageProps }: AppProps) { return ( <ChainsProvider> <ThemeProvider attribute="class" defaultTheme="dark" enableSystem> - {showChainSelect && <ChainSelect />} + <Header /> <Component {...pageProps} /> <Toaster /> </ThemeProvider> </ChainsProvider> ); } -export default MultisigApp;