Fix/wallet connect (#18)

* feat: add check MM version

* feat: add user reject msg

* fix: time out message

* add description to changelog

* fix: remove check version MM

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 #### Added
 - Maintenance page
+- Check MetaMask version
+
+#### Fixed
+- Remove the option to connect any other wallets except Metamask
 
 ## [2.6.1] - 2024-01-09
 #### Added

src/contexts/Web3ProviderContext/Web3ProviderContext.tsx

@@ -19,7 +19,7 @@ import {
 import { useLocalStorage } from 'react-use'
 
 import { config } from '@/config'
-import { ErrorHandler } from '@/helpers'
+import { bus, BUS_EVENTS, ErrorHandler } from '@/helpers'
 import { useProvider } from '@/hooks'
 
 interface Web3ProviderContextValue {
@@ -115,6 +115,16 @@ const Web3ProviderContextProvider: FC<Props> = ({ children }) => {
 
         await providerDetector.init()
 
+        const isOkx = !!window?.okxwallet
+        const isMetamask = providerDetector.providers.metamask && !isOkx
+
+        if (!isMetamask) {
+          return bus.emit(
+            BUS_EVENTS.warning,
+            `Unsupported cryptocurrency wallet. Please try again with MetaMask`,
+          )
+        }
+
         Provider.setChainsDetails(
           Object.entries(config.SUPPORTED_CHAINS_DETAILS).reduce(
             (acc, [, chainDetails]) => ({

src/helpers/error-handler.ts

@@ -44,7 +44,7 @@ export class ErrorHandler {
           break
         }
         case errors.ProviderUserRejectedRequest:
-          errorMessage = ''
+          errorMessage = i18n.t('errors.user-reject')
           break
         case errors.ProviderInternalError:
           if (error.message.toLowerCase().includes('timed out')) {

src/localization/resources/en.json

@@ -6,7 +6,8 @@
   },
   "errors": {
     "default": "Something went wrong",
-    "slow-connection": "Time out: Zero-Knowledge proof generation took too long. That can use a lot of power, for the best results:\n\n- Close any tabs you have open\n- Connect the device to power"
+    "slow-connection": "Time out: Getting Verifaible Credential took too long. That can use a lot of power, for the best results:\n\n- Close any tabs you have open\n- Connect the device to power",
+    "user-reject": "You canceled the signature request, please try again"
   },
   "notifications": {
     "default-title-success": "Success",

src/types/common.types.ts

@@ -1,5 +1,13 @@
+import { RawProvider } from '@distributedlab/w3p'
+
 import type { ICON_NAMES } from '@/enums'
 
+declare global {
+  interface Window {
+    okxwallet: RawProvider
+  }
+}
+
 export type NotificationObjectPayload = {
   title?: string
   message: string