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;