240101-2

components/WalletTopRight/SuiWalletTopRight.tsx

@@ -0,0 +1,30 @@
+'use client'
+import { createNetworkConfig, SuiClientProvider, WalletProvider } from '@mysten/dapp-kit';
+import { type SuiClientOptions } from '@mysten/sui.js/client';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import {getFullnodeUrl} from "@mysten/sui.js/src/client";
+
+
+const SuiWalletTopRight = () => {
+
+    // Config options for the networks you want to connect to
+    const { networkConfig } = createNetworkConfig({
+        localnet: { url: getFullnodeUrl('localnet') },
+        mainnet: { url: getFullnodeUrl('mainnet') },
+    });
+    const queryClient = new QueryClient();
+
+    return (
+        <QueryClientProvider client={queryClient}>
+            <SuiClientProvider networks={networkConfig} defaultNetwork="localnet">
+                <WalletProvider>
+                    <YourApp />
+                </WalletProvider>
+            </SuiClientProvider>
+        </QueryClientProvider>
+    );
+
+
+}
+
+export default SuiWalletTopRight

components/WalletTopRight/index.tsx

@@ -1,12 +1,12 @@
 'use client'
 import React from "react";
 import {WalletStandardProvider} from '@wallet-standard/react';
-import XDagWalletTopRight from "@/components/WalletTopRight/XDagHubWallet";
+import SuiWalletTopRight from "@/components/WalletTopRight/SuiWalletTopRight";
 
 const WalletTopRight = () => {
     return (
         <WalletStandardProvider>
-            <XDagWalletTopRight></XDagWalletTopRight>
+            <SuiWalletTopRight></SuiWalletTopRight>
         </WalletStandardProvider>
     )
 }

package.json

@@ -11,9 +11,12 @@
     "lint": "next lint --fix --dir pages --dir app --dir components --dir lib --dir layouts --dir scripts"
   },
   "dependencies": {
+    "@mysten/dapp-kit": "^0.10.3",
+    "@mysten/sui.js": "^0.48.1",
     "@next/bundle-analyzer": "13.5.3",
     "@tailwindcss/forms": "^0.5.4",
     "@tailwindcss/typography": "^0.5.9",
+    "@tanstack/react-query": "^5.17.0",
     "@wallet-standard/core": "^1.0.3",
     "@wallet-standard/react": "^0.1.4",
     "autoprefixer": "^10.4.13",