add metadata

Mintbase · Mar 5, 2024 · 9b84e12 · 9b84e12
1 parent 4df275d
commit 9b84e12
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 17 deletions.
diff --git a/contract-deployer/src/app/layout.tsx b/contract-deployer/src/app/layout.tsx
@@ -1,15 +1,9 @@
-"use client";
-
-import { Inter } from "next/font/google";
+import { AppComponent } from "@/components/App";
 import "./globals.css";
-import { MintbaseWalletContextProvider } from "@mintbase-js/react";
-import { MintbaseWalletSetup } from "@/config/setup";
+
 import "@near-wallet-selector/modal-ui/styles.css";
 import { Metadata } from "next";
 
-const inter = Inter({ subsets: ["latin"] });
-
-
 export const metadata: Metadata = {
   title: `Near Contract Deployer`,
   description: "Deploy your own Near Contract in only 1 step",
@@ -40,14 +34,6 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <MintbaseWalletContextProvider {...MintbaseWalletSetup}>
-      <html lang="en">
-        <body className={`${inter.className} dark`}>
-          <div className="flex flex-1 flex-col min-h-screen text-gray-500 gradient w-full  h-full flex justify-center items-center bold text-white">
-            {children}
-          </div>
-        </body>
-      </html>
-    </MintbaseWalletContextProvider>
+    <AppComponent> {children} </AppComponent>
   );
 }
diff --git a/contract-deployer/src/components/App.tsx b/contract-deployer/src/components/App.tsx
@@ -0,0 +1,25 @@
+"use client"
+import { MintbaseWalletContextProvider } from "@mintbase-js/react";
+import { MintbaseWalletSetup } from "@/config/setup";
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });
+
+
+export const AppComponent = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  return (
+    <MintbaseWalletContextProvider {...MintbaseWalletSetup}>
+    <html lang="en">
+      <body className={`${inter.className} dark`}>
+        <div className="flex flex-1 flex-col min-h-screen text-gray-500 gradient w-full  h-full flex justify-center items-center bold text-white">
+          {children}
+        </div>
+      </body>
+    </html>
+  </MintbaseWalletContextProvider>
+  )
+}