Skip to content

Commit

Permalink
fix layout + providers
Browse files Browse the repository at this point in the history
  • Loading branch information
sainthiago committed Feb 19, 2024
1 parent e184ea0 commit b59e45f
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 20 deletions.
36 changes: 16 additions & 20 deletions blogchain/src/app/layout.tsx
Original file line number Diff line number Diff line change
@@ -1,36 +1,32 @@
"use client";

import { AppProviders } from "@/components/app-providers";
import Footer from "@/components/footer";
import Header from "@/components/header";
import { MintbaseWalletContextProvider } from "@mintbase-js/react";
import "@near-wallet-selector/modal-ui/styles.css";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Footer from "@/components/footer";

const inter = Inter({ subsets: ["latin"] });

const queryClient = new QueryClient();
export const metadata: Metadata = {
title: `Blogchain`,
description: "The decentralized writer's blog",
};

export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<MintbaseWalletContextProvider
contractAddress="hellovirtualworld.mintspace2.testnet"
network="testnet"
>
<QueryClientProvider client={queryClient}>
<html lang="en">
<body className={inter.className}>
<Header />
{children}
<Footer />
</body>
</html>
</QueryClientProvider>
</MintbaseWalletContextProvider>
<AppProviders>
<html lang="en">
<body className={inter.className}>
<Header />
{children}
<Footer />
</body>
</html>
</AppProviders>
);
}
18 changes: 18 additions & 0 deletions blogchain/src/components/app-providers.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
"use client";

import { MintbaseWalletContextProvider } from "@mintbase-js/react";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactNode } from "react";

export function AppProviders({ children }: { children: ReactNode }) {
const queryClient = new QueryClient();

return (
<MintbaseWalletContextProvider
contractAddress="hellovirtualworld.mintspace2.testnet"
network="testnet"
>
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
</MintbaseWalletContextProvider>
);
}

0 comments on commit b59e45f

Please sign in to comment.