Merge pull request #899 from lfglabs-dev/ref/add-keplr

feat: add keplr wallet

components/UI/modalWallet.tsx

@@ -12,6 +12,7 @@ import CopyIcon from "./iconsComponents/icons/copyIcon";
 import DoneIcon from "./iconsComponents/icons/doneIcon";
 import { useNotificationManager } from "../../hooks/useNotificationManager";
 import { useCopyToClipboard } from "@/hooks/useCopy";
+import { getConnectorIcon } from "@/utils/connectorWrapper";
 
 type ModalWalletProps = {
   closeModal: () => void;
@@ -62,16 +63,14 @@ const ModalWallet: FunctionComponent<ModalWalletProps> = ({
         </button>
         <div className={styles.menu_title}>
           <div className={styles.menu_title}>
-            {connector && connector.id === "braavos" ? (
+            {connector && (
               <img
-                width={"25px"}
-                src="/braavos/braavosLogo.svg"
-                alt="braavos logo"
+                src={getConnectorIcon(connector.id)}
+                width={25}
+                height={25}
+                alt="connector logo"
               />
-            ) : (
-              <ArgentIcon color={"#f36a3d"} width={"25px"} />
             )}
-
             <p className="ml-2">Connected with &nbsp;{domain}&nbsp;</p>
           </div>
         </div>

hooks/useBalances.tsx

@@ -15,7 +15,7 @@ export default function useBalances(address?: string) {
     functionName: "aggregate",
     args: callData,
     watch: true,
-    blockIdentifier: BlockTag.pending,
+    blockIdentifier: BlockTag.PENDING,
   });
 
   useEffect(() => {

hooks/useNeedAllowances.tsx

@@ -30,7 +30,7 @@ export default function useNeedsAllowances(
       functionName: "aggregate",
       args: callData,
       watch: true,
-      blockIdentifier: BlockTag.pending,
+      blockIdentifier: BlockTag.PENDING,
     });
 
   useEffect(() => {

package.json

@@ -23,7 +23,7 @@
     "@solana/wallet-adapter-wallets": "^0.19.23",
     "@solana/web3.js": "^1.87.6",
     "@starknet-react/chains": "^3.0.0",
-    "@starknet-react/core": "^3.0.1",
+    "@starknet-react/core": "^3.0.3",
     "@vercel/analytics": "^0.1.5",
     "@walnuthq/sdk": "^1.1.10",
     "axios": "^1.4.0",
@@ -32,7 +32,7 @@
     "dotenv": "^16.3.1",
     "eslint-config-next": "^13.4.7",
     "ethers": "^6.12.1",
-    "get-starknet-core": "^3.3.0",
+    "get-starknet-core": "^4.0.0",
     "jotai": "^2.5.0",
     "lottie-react": "^2.4.0",
     "mongodb": "^4.12.1",
@@ -45,9 +45,9 @@
     "react-dom": "^18.2.0",
     "react-icons": "^4.4.0",
     "react-loader-spinner": "5.4.5",
-    "starknet": "6.9.0",
+    "starknet": "^6.11.0",
     "starknetid.js": "^4.0.1",
-    "starknetkit": "^2.3.2",
+    "starknetkit": "^2.3.0",
     "tldts": "^6.1.20",
     "twitter-api-sdk": "^1.2.1"
   },

utils/connectorWrapper.ts

@@ -19,6 +19,7 @@ export const getConnectors = () => {
         icons: ["https://app.starknet.id/visuals/StarknetIdLogo.svg"],
       },
     }),
+    new InjectedConnector({ options: { id: "keplr" } }),
     new WebWalletConnector({
       url: "https://web.argent.xyz/",
     }),
@@ -162,4 +163,16 @@ const wallets = [
     },
     website: "https://www.okx.com/",
   },
+  {
+    id: "keplr",
+    name: "Keplr Wallet",
+    icon: "/visuals/kepler_logo.svg",
+    downloads: {
+      chrome:
+        "https://chromewebstore.google.com/detail/keplr/dmkamcknogkgcdfhhbddcghachkejeap",
+      firefox: "https://addons.mozilla.org/en-US/firefox/addon/keplr/",
+      edge: "https://microsoftedge.microsoft.com/addons/detail/keplr/ocodgmmffbkkeecmadcijjhkmeohinei",
+    },
+    website: "https://www.keplr.app/",
+  },
 ];