fix marketplace (#132)

marketplace/src/app/layout.tsx

@@ -8,14 +8,25 @@ import "./globals.css";
 import { MintbaseWalletContextProvider } from "@mintbase-js/react";
 import { QueryClient, QueryClientProvider } from "react-query";
 import Header from "@/components/header";
+import { mbjs } from "@mintbase-js/sdk";
 
 const inter = Inter({ subsets: ["latin"] });
 
-const MintbaseWalletSetup = {
-  contractAddress: "hellovirtualworld.mintspace2.testnet",
-  network: "testnet",
-  callbackUrl: "http://localhost:3000",
-};
+export const isDev = process.env.NEXT_PUBLIC_ENV === 'dev'
+
+export const getCallbackUrl = () => {
+  let callbackUrl = ''
+
+  if (typeof window !== 'undefined') {
+    callbackUrl =
+      isDev || window?.location?.host.includes('localhost')
+        ? `http://${window?.location.host}`
+        : `}`
+  }
+
+  return callbackUrl
+}
+
 
 export default function RootLayout({
   children,
@@ -24,6 +35,16 @@ export default function RootLayout({
 }) {
   const queryClient = new QueryClient();
 
+  mbjs.config({
+    network: process.env.NEXT_PUBLIC_NETWORK || 'testnet'
+  })
+
+  const MintbaseWalletSetup = {
+    contractAddress: "hellovirtualworld.mintspace2.testnet",
+    network: "testnet",
+    callbackUrl: getCallbackUrl(),
+  };
+
   return (
     <QueryClientProvider client={queryClient}>
       <MintbaseWalletContextProvider {...MintbaseWalletSetup}>