Merge pull request #7 from 0xjojo1/codex/refactor-ledger-integration-in-tauri

feat: add native ledger provider

Author: 0xjojo1

app/auth-layout.tsx

@@ -1,9 +1,20 @@
 'use client';
 
 import { UnauthorizedPanel } from '@/components/UnauthorizedPanel';
-import { useConnectWallet } from '@web3-onboard/react';
+import { useAccount } from 'wagmi';
+import { useEffect, useState } from 'react';
 
 export default function AuthLayout({ children }: { children: React.ReactNode }) {
-  const [{ wallet }] = useConnectWallet();
-  return <>{wallet ? children : <UnauthorizedPanel />}</>;
+  const { address } = useAccount();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return <UnauthorizedPanel />;
+  }
+
+  return <>{address ? children : <UnauthorizedPanel />}</>;
 }

app/web3-layout.tsx

@@ -1,28 +1,15 @@
 'use client';
 
-import onboard from '@/features/onboard/lib';
-import { useWagmiConfig, Web3OnboardProvider } from '@web3-onboard/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { Config, WagmiProvider } from 'wagmi';
+import { WagmiProvider } from 'wagmi';
 import { config } from '@/lib/wagmi-config';
 
 const queryClient = new QueryClient();
 
-function WagmiGate({ children }: { children: React.ReactNode }) {
-  const cfg = useWagmiConfig();
-  const finalCfg = cfg ?? config;
-  const key = cfg ? 'onboard' : 'readonly';
+export default function Web3Layout({ children }: { children: React.ReactNode }) {
   return (
-    <WagmiProvider key={key} config={finalCfg as Config}>
+    <WagmiProvider config={config}>
       <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
     </WagmiProvider>
   );
 }
-
-export default function Web3Layout({ children }: { children: React.ReactNode }) {
-  return (
-    <Web3OnboardProvider web3Onboard={onboard}>
-      <WagmiGate>{children}</WagmiGate>
-    </Web3OnboardProvider>
-  );
-}