Skip to content

Commit cb20562

Browse files
arch1995arch1995
committed
fixes build + adds wagmi actions
1 parent 366a8a4 commit cb20562

File tree

6 files changed

+785
-825
lines changed

6 files changed

+785
-825
lines changed

‎demo/nextjs-ssr-app/app/layout.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { Inter } from "next/font/google";
55
import Provider from "@/components/provider";
66
import { cookieToWeb3AuthState } from "@web3auth/modal";
77
import { headers } from "next/headers";
8+
import { cookieToInitialState } from "wagmi";
89

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

@@ -14,12 +15,12 @@ export const metadata = {
1415
};
1516

1617
export default function RootLayout({ children }: { children: React.ReactNode }) {
17-
const initialState = cookieToWeb3AuthState((headers()).get('cookie'))
18-
console.log("initialState", initialState)
18+
const web3authInitialState = cookieToWeb3AuthState((headers()).get('cookie'))
19+
console.log("web3authInitialState", web3authInitialState)
1920
return (
2021
<html lang="en">
2122
<body className={inter.className}>
22-
<Provider initialState={initialState}>{children}</Provider>
23+
<Provider web3authInitialState={web3authInitialState}>{children}</Provider>
2324
</body>
2425
</html>
2526
);

‎demo/nextjs-ssr-app/components/Main.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -12,17 +12,17 @@ import {
1212
useWeb3AuthDisconnect,
1313
useWeb3AuthUser,
1414
} from "@web3auth/modal/react";
15-
// import { useAccount, useBalance, useSignMessage, useSignTypedData } from "wagmi";
15+
import { useAccount, useBalance, useSignMessage, useSignTypedData } from "wagmi";
1616

1717
const Main = () => {
1818
const { provider, isConnected } = useWeb3Auth();
1919
const { loading: connecting, connect, error: connectingError, connectorName } = useWeb3AuthConnect();
2020
const { disconnect } = useWeb3AuthDisconnect();
21-
// const { signMessageAsync, data: signedMessageData } = useSignMessage();
22-
// const { address, isConnected: isWagmiConnected } = useAccount();
21+
const { signMessageAsync, data: signedMessageData } = useSignMessage();
22+
const { address, isConnected: isWagmiConnected } = useAccount();
2323
const { userInfo, isMFAEnabled } = useWeb3AuthUser();
24-
// const { data: balance } = useBalance({ address });
25-
// const { signTypedData, data: signedTypedDataData } = useSignTypedData();
24+
const { data: balance } = useBalance({ address });
25+
const { signTypedData, data: signedTypedDataData } = useSignTypedData();
2626
const { enableMFA, loading: isEnableMFALoading, error: enableMFAError } = useEnableMFA();
2727
const { manageMFA, loading: isManageMFALoading, error: manageMFAError } = useManageMFA();
2828
const { showCheckout, loading: isCheckoutLoading, error: checkoutError } = useCheckout();
@@ -136,13 +136,13 @@ const Main = () => {
136136
<div style={{ marginTop: "16px", marginBottom: "16px" }}>
137137
<p>Provider Actions</p>
138138
{/* Sign Message */}
139-
{/* <button onClick={() => signMessageAsync({ message: "Hello, world!" })} className="card">
139+
<button onClick={() => signMessageAsync({ message: "Hello, world!" })} className="card">
140140
Sign Message
141141
</button>
142-
{signedMessageData && <textarea disabled rows={5} value={signedMessageData} style={{ width: "100%" }} />} */}
142+
{signedMessageData && <textarea disabled rows={5} value={signedMessageData} style={{ width: "100%" }} />}
143143

144144
{/* Sign Typed Data */}
145-
{/* <button
145+
<button
146146
onClick={() =>
147147
signTypedData({
148148
types: {
@@ -174,7 +174,7 @@ const Main = () => {
174174
>
175175
Sign Typed Data
176176
</button>
177-
{signedTypedDataData && <textarea disabled rows={5} value={signedTypedDataData} style={{ width: "100%" }} />} */}
177+
{signedTypedDataData && <textarea disabled rows={5} value={signedTypedDataData} style={{ width: "100%" }} />}
178178
</div>
179179

180180
{/* Disconnect */}
@@ -204,7 +204,7 @@ const Main = () => {
204204
return (
205205
<div className="grid">
206206
<p>Web3Auth: {isConnected ? "Connected" : "Disconnected"}</p>
207-
{/* <p>Wagmi: {isWagmiConnected ? "Connected" : "Disconnected"}</p> */}
207+
<p>Wagmi: {isWagmiConnected ? "Connected" : "Disconnected"}</p>
208208
{provider ? loggedInView : unloggedInView}
209209
</div>
210210
);

‎demo/nextjs-ssr-app/components/provider.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
"use client";
22

3-
// import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
3+
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
44
import { IWeb3AuthState } from "@web3auth/modal";
55
import { type Web3AuthContextConfig } from "@web3auth/modal/react";
66
import { Web3AuthProvider } from "@web3auth/modal/react";
7-
// import { WagmiProvider } from "@web3auth/modal/react/wagmi";
7+
import { WagmiProvider } from "@web3auth/modal/react/wagmi";
88

9-
// const queryClient = new QueryClient();
9+
const queryClient = new QueryClient();
1010
const clientId = "BKZDJP0ouZP0PtfQYssMiezINbUwnIthw6ClTtTICvh0MCRgAxi5GJbHKH9cjM6xyWxe73c6c94ASCTxbGNLUt8";
1111

1212
const web3authConfig: Web3AuthContextConfig = {
@@ -18,14 +18,14 @@ const web3authConfig: Web3AuthContextConfig = {
1818
ssr: true
1919
},
2020
};
21-
export default function Provider({ children, initialState }: { children: React.ReactNode, initialState: IWeb3AuthState | undefined }) {
21+
export default function Provider({ children, web3authInitialState }: { children: React.ReactNode, web3authInitialState: IWeb3AuthState | undefined }) {
2222
return (
23-
<Web3AuthProvider config={web3authConfig} initialState={initialState}>
24-
{/* <QueryClientProvider client={queryClient}> */}
25-
{/* <WagmiProvider> */}
23+
<Web3AuthProvider config={web3authConfig} initialState={web3authInitialState}>
24+
<QueryClientProvider client={queryClient}>
25+
<WagmiProvider>
2626
{children}
27-
{/* </WagmiProvider> */}
28-
{/* </QueryClientProvider> */}
27+
</WagmiProvider>
28+
</QueryClientProvider>
2929
</Web3AuthProvider>
3030
);
3131
}

0 commit comments

Comments
 (0)