Merge pull request #50 from AElfProject/feature/upgrade-version

feat: upgrade the aelf-smartcontract-viewer package with dark/light theme fun…

components/contract-viewer/index.tsx

@@ -4,12 +4,14 @@ import React from "react";
 import { useSearchParams } from "next/navigation";
 import { useWallet } from "@/data/wallet";
 import { ContractView } from "aelf-smartcontract-viewer";
+import { useTheme } from "next-themes";
 
 const sideChainTestnetRpc = "https://explorer-test-side02.aelf.io/chain";
 
 const ContractViewer = ({ name }: { name: string }) => {
   const searchParams = useSearchParams();
   const wallet = useWallet();
+  const { resolvedTheme } = useTheme();
   const contractViewerAddress = searchParams.get("contract-viewer-address");
 
   if (!contractViewerAddress || !wallet?.wallet) {
@@ -23,6 +25,7 @@ const ContractViewer = ({ name }: { name: string }) => {
       headerTitle={"Contract View"}
       rpcUrl={sideChainTestnetRpc}
       contractName={name}
+      theme={resolvedTheme as "dark" | "light"}
     />
   );
 };

package.json

@@ -46,7 +46,7 @@
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.5.0",
     "aelf-sdk": "^3.4.14-beta.1",
-    "aelf-smartcontract-viewer": "^1.0.2",
+    "aelf-smartcontract-viewer": "^1.0.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",