add open bit

blockchain/NevmRolluxBridge/walletConnectors/OpenBitConnector.ts

@@ -0,0 +1,21 @@
+import { MetamaskConnector } from "@usedapp/core";
+
+import { providers } from "ethers";
+
+declare global {
+  interface Window {
+    OpenBit: any;
+  }
+}
+
+export class OpenBitWalletConnector extends MetamaskConnector {
+  activate(): Promise<void> {
+    const wallet = window.OpenBit;
+
+    if (!wallet?.isOpenBit) {
+      console.warn("OpenBit is not installed");
+    }
+    this.provider = new providers.Web3Provider(wallet);
+    return super.activate();
+  }
+}

components/BridgeL1L2/ConnectWalletModal/Blocks/ConnectWalletBlock.tsx

@@ -7,7 +7,6 @@ import {
     Spacer,
     Text,
     ModalBody,
-    Button,
     VStack,
 
 } from "@chakra-ui/react"
@@ -20,6 +19,7 @@ import { CoinbaseWalletConnector, useEthers } from "@usedapp/core";
 import { TanenbaumChain } from "blockchain/NevmRolluxBridge/config/chainsUseDapp";
 import { PaliWalletConnector } from "blockchain/NevmRolluxBridge/walletConnectors/PaliWalletConnector";
 import { ConnectWalletButton } from "../Components/ConnectWalletButton";
+import { OpenBitWalletConnector } from "blockchain/NevmRolluxBridge/walletConnectors/OpenBitConnector";
 
 export type ConnectWalletBlockProps = {
     setScreen: (value: string) => void;
@@ -117,6 +117,14 @@ export const ConnectWalletBlock: FC<ConnectWalletBlockProps> = ({ setScreen, onC
                         )
                     }}
                 />
+                <ConnectWalletButton
+                    label={'OpenBit Wallet'}
+                    logoPath={'/wallets/openbit.png'}
+                    onClick={() => {
+                        onClose();
+                        activate(new OpenBitWalletConnector());
+                    }}
+                />
             </VStack>
             <Divider mt={5} />
             <Text textAlign={'center'}>