CopyBot/create-farcaster-mini-app
1
0
Fork 0
mirror of https://github.com/neynarxyz/create-farcaster-mini-app.git synced 2025-11-16 08:08:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

reorganize providers

Browse Source
This commit is contained in:
horsefacts 2024-11-25 14:57:10 -05:00 committed by lucas-neynar
parent a8ba2397bd
commit 530fb860c3
No known key found for this signature in database
6 changed files with 32 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/layout.tsx
View File

@ -1,5 +1,7 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import "./globals.css";
import "~/app/globals.css";
import { Providers } from "~/app/providers";
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Farcaster Frames v2 Demo", title: "Farcaster Frames v2 Demo",
@ -13,7 +15,9 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body>{children}</body> <body>
<Providers>{children}</Providers>
</body>
</html> </html>
); );
} }

10
src/app/page.tsx
View File

@ -1,9 +1,15 @@
import { App } from "~/components/App"; "use client";
import dynamic from "next/dynamic";
const Demo = dynamic(() => import("~/components/Demo"), {
ssr: false,
});
export default function Home() { export default function Home() {
return ( return (
<main className="min-h-screen flex flex-col p-4"> <main className="min-h-screen flex flex-col p-4">
<App /> <Demo />
</main> </main>
); );
} }

14
src/app/providers.tsx Normal file
View File

@ -0,0 +1,14 @@
"use client";
import dynamic from "next/dynamic";
const WagmiProvider = dynamic(
() => import("~/components/providers/WagmiProvider"),
{
ssr: false,
}
);
export function Providers({ children }: { children: React.ReactNode }) {
return <WagmiProvider>{children}</WagmiProvider>;
}

19
src/components/App.tsx
View File

@ -1,19 +0,0 @@
"use client";
import dynamic from "next/dynamic";
const Demo = dynamic(() => import("./Demo"), {
ssr: false,
});
const WagmiConfig = dynamic(() => import("./WagmiProvider"), {
ssr: false,
});
export function App() {
return (
<WagmiConfig>
<Demo />
</WagmiConfig>
);
}

2
src/components/Demo.tsx
View File

@ -10,7 +10,7 @@ import {
useConnect, useConnect,
} from "wagmi"; } from "wagmi";
import { config } from "~/components/WagmiProvider"; import { config } from "~/components/providers/WagmiProvider";
import { Button } from "~/components/ui/Button"; import { Button } from "~/components/ui/Button";
import { truncateAddress } from "~/lib/truncateAddress"; import { truncateAddress } from "~/lib/truncateAddress";

4
src/components/WagmiProvider.tsx → src/components/providers/WagmiProvider.tsx
View File

@ -1,3 +1,5 @@
"use client";
import { createConfig, http, WagmiProvider } from "wagmi"; import { createConfig, http, WagmiProvider } from "wagmi";
import { base } from "wagmi/chains"; import { base } from "wagmi/chains";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@ -13,7 +15,7 @@ export const config = createConfig({
const queryClient = new QueryClient(); const queryClient = new QueryClient();
export default function WagmiConfig({ children }: { children: React.ReactNode }) { export default function Provider({ children }: { children: React.ReactNode }) {
return ( return (
<WagmiProvider config={config}> <WagmiProvider config={config}>
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider> <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>