Support Onekey logo

src/components/modals/connect-wallet/index.js

@@ -3,6 +3,7 @@ import PropTypes from "prop-types";
 import Modal from "react-bootstrap/Modal";
 import Image from "next/image";
 import { useWallet } from "@context/wallet-context";
+import LocalStorage, { LocalStorageKeys } from "@services/local-storage";
 
 // Gets the callback function from the parent component to notify when the wallet get's connecteds
 const ConnectWallet = ({ callback }) => {
@@ -13,10 +14,18 @@ const ConnectWallet = ({ callback }) => {
     onHideConnectModal,
   } = useWallet();
 
+  let metaMaskName = "MetaMask";
+  let metaMaskLogo = "/images/logo/metamask.png";
+
+  if (LocalStorage.get(LocalStorageKeys.ONEKEY_WALLET)) {
+    metaMaskName = "OneKey";
+    metaMaskLogo = "/images/logo/onekey.png";
+  }
+
   const wallets = [
     {
-      name: "MetaMask",
-      image: "/images/logo/metamask.png",
+      name: metaMaskName,
+      image: metaMaskLogo,
       ethereum: true,
 
       onClick: () => {

src/components/user-dropdown/index.js

@@ -3,6 +3,7 @@ import Anchor from "@ui/anchor";
 import { toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import SessionStorage, { SessionsStorageKeys } from "@services/session-storage";
+import LocalStorage, { LocalStorageKeys } from "@services/local-storage";
 import { useMemo } from "react";
 import { useWallet } from "@context/wallet-context";
 import { useRouter } from "next/router";
@@ -21,6 +22,9 @@ const UserDropdown = () => {
     const domain = SessionStorage.get(SessionsStorageKeys.DOMAIN);
     switch (domain) {
       case "nosft.xyz":
+        if (LocalStorage.get(LocalStorageKeys.ONEKEY_WALLET)) {
+          return "/images/logo/onekey.png";
+        }
         return "/images/logo/metamask.png";
       case "ordswap.io":
         return "/images/logo/ordswap.svg";

src/services/local-storage.js

@@ -1,6 +1,7 @@
 const LocalStorageKeys = {
     INSCRIPTIONS_OUTPOINT: "INSCRIPTION_OUTPOINT",
     COLLECTION_INFO: "COLLECTION_INFO",
+    ONEKEY_WALLET: "onekey_wallet_info_local_key",
 };
 
 const LocalStorage = {
@@ -37,7 +38,11 @@ const LocalStorage = {
             return undefined;
         }
 
-        return window.localStorage.clear();
+        return Object.keys(window.localStorage).forEach(key => {
+            if (key !== "onekey_wallet_info_local_key") {
+              window.localStorage.removeItem(key);
+            }
+        });
     },
 };