From 5614907e20118c065fc88d6f9539f77bc2e0eaae Mon Sep 17 00:00:00 2001 From: Jayesh Bhole <111138421+jayeshbhole-rp@users.noreply.github.com> Date: Thu, 9 Jan 2025 00:47:02 +0530 Subject: [PATCH] fix(example): overflows --- example-next/src/app/layout.tsx | 13 +++++++++---- example-next/src/components/ConnectedAccounts.tsx | 2 +- example-next/src/components/Example.tsx | 7 ++++--- example/src/components/Example.tsx | 2 +- example/src/main.tsx | 2 +- 5 files changed, 16 insertions(+), 10 deletions(-) diff --git a/example-next/src/app/layout.tsx b/example-next/src/app/layout.tsx index af7b3d19..116e4618 100644 --- a/example-next/src/app/layout.tsx +++ b/example-next/src/app/layout.tsx @@ -4,6 +4,7 @@ import { GeistSans } from 'geist/font/sans'; import { type Metadata } from 'next'; import dynamic from 'next/dynamic'; +import { Suspense } from 'react'; const Providers = dynamic(() => import('../components/Providers'), { ssr: false, }); @@ -20,10 +21,14 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac lang='en' className={`${GeistSans.variable}`} > - - -
{children}
- + + + +
+ {children} +
+ + ); diff --git a/example-next/src/components/ConnectedAccounts.tsx b/example-next/src/components/ConnectedAccounts.tsx index 21f034e3..c03c5c7d 100644 --- a/example-next/src/components/ConnectedAccounts.tsx +++ b/example-next/src/components/ConnectedAccounts.tsx @@ -20,7 +20,7 @@ export const ConnectedAccounts = () => { }); return ( -
+

Connected Accounts:

diff --git a/example-next/src/components/Example.tsx b/example-next/src/components/Example.tsx index fd29b824..287c3e29 100644 --- a/example-next/src/components/Example.tsx +++ b/example-next/src/components/Example.tsx @@ -1,3 +1,4 @@ +'use client'; import { ChainId, useChain, @@ -14,11 +15,11 @@ import WalletList from './WalletList'; function Example() { return ( -
+

Tangled Example

ACCOUNTS

-
+
@@ -60,7 +61,7 @@ const CurrentAccountAndWallet = () => { }, [currentAccount?.chainId]); return ( -
+

Current Account

diff --git a/example/src/components/Example.tsx b/example/src/components/Example.tsx index aca645fd..e000bcf2 100644 --- a/example/src/components/Example.tsx +++ b/example/src/components/Example.tsx @@ -14,7 +14,7 @@ import WalletList from './WalletList'; function Example() { return ( -
+

Tangled Example

ACCOUNTS

diff --git a/example/src/main.tsx b/example/src/main.tsx index 2aeef446..9713ae8d 100644 --- a/example/src/main.tsx +++ b/example/src/main.tsx @@ -7,7 +7,7 @@ import './index.css'; ReactDOM.createRoot(document.getElementById('root')!).render( -
+