Merge pull request #48 from ashishb1052002/main

Blockwallet Guide
airgap-it · Feb 16, 2024 · a531dbb · a531dbb
2 parents 724df52 + f607de9
commit a531dbb
Show file tree

Hide file tree

Showing 22 changed files with 99 additions and 2 deletions.
diff --git a/sidebars.js b/sidebars.js
@@ -296,6 +296,7 @@ module.exports = {
         "guides/bip-39-passphrase",
         "guides/dice-coin-entropy",
         "guides/address-book",
+        "guides/blockwallet",
       ],
     },
     "isolated-module",

diff --git a/src/docs/airgap-vault/features/multi-wallet.mdx b/src/docs/airgap-vault/features/multi-wallet.mdx
@@ -18,3 +18,4 @@ Manage more than 100 EVM chains with ease, including Ethereum, Binance Smart Cha
 | Spectre Wallet        | Bitcoin (BTC)                                                                                                                                                                                        |                                                                  |                                                                                                              |
 | AirGap Wallet         | Bitcoin (BTC) <br/> Ethereum (ETH) <br/> Polkadot (DOT) <br/> Kusama (KSM) <br/> Tezos (XTZ) <br/> Cosmos (ATOM) <br/> Internet Computer (ICP) <br/> Moonbeam (GLMR) <br/> Moonriver (MOVR) and more | Manually Adding Tokens, DeFi, NFT, Staking for non EVM chains    | [AirGap Wallet Setup Guide](/guides/step-by-step-guide/)                                                     |
 | imToken Wallet        | Bitcoin (BTC) <br/> Ethereum (ETH) <br/> Optimisim <br/> and more                                                                                                                                    | Manually Adding Tokens, DeFi, NFT                                | [imToken Setup Guide](/guides/imToken/)                                                                      |
+| BlockWallet           | Ethereum (ETH) <br/> Optimisim <br/> and more                                                                                                                                                        | Manually Adding Tokens, DeFi, NFT                                | [Blockwallet Setup Guide](/guides/blockwallet/)                                                              |
diff --git a/src/docs/guides/blockwallet.mdx b/src/docs/guides/blockwallet.mdx
@@ -0,0 +1,68 @@
+---
+title: Setup BlockWallet with AirGap Vault
+slug: /guides/blockwallet
+---
+
+import IPhoneWrapper from "@site/src/components/IPhoneWrapper";
+
+[BlockWallet](https://blockwallet.io/) is a self-custodial Web3 wallet aiming to empower users with secure and private management of their digital assets. Beyond security, BlockWallet boasts an array of features to streamline your Web3 experience. These include seamless cross-chain compatibility, enabling you to manage assets across blockchains like Ethereum, Polygon, and Binance Smart Chain. Users can effortlessly swap currencies or bridge assets between chains thanks to built-in functionalities.
+
+To cater to users of all levels, BlockWallet presents a user-friendly interface, available as a browser extension for [Chrome](https://chromewebstore.google.com/detail/blockwallet/bopcbmipnjdcdfflfgjdgdjejmgpoaab) and [Firefox](https://addons.mozilla.org/en-US/firefox/addon/blockwallet/). With extensive support for popular cryptocurrencies and tokens, BlockWallet offers a secure and versatile solution for navigating the exciting world of Web3.
+
+## How to pair BlockWallet with AirGap Vault?
+
+1. Before connecting to AirGap Vault, you need to create a new Wallet. If you already have a Wallet, you can jump to Step 5.
+   ![](/img/blockwallet/1.PNG)
+
+2. Create a Password for your Wallet. Note that this would not be a password for your AirGap account. This password is just required to open your BlockWallet extension.
+   ![](/img/blockwallet/2.PNG)
+
+3. Now, backup this account. This recovery phrase is not linked to your AirGap account anyhow. If you want to backup your recovery phrase, you can use AirGap's metal [recovery plates](https://shop.airgap.it/product-category/metal-plate/). Made up of steel, these plates are fireproof and waterproof so you don't have to worry about your seed phrase ever.
+   ![](/img/blockwallet/3.PNG)
+
+4. It’s all set. Let’s link your AirGap Vault to BlockWallet. Open the BlockWallet extension. Tap on “Start Using” button. You'll reach the home screen of BlockWallet.
+   ![](/img/blockwallet/4.PNG)
+
+5. From the home screen, go to the Settings menu by clicking on the gear icon on the top and select “Connect Hardware Wallet”.
+   ![](/img/blockwallet/5.PNG)
+
+6. Select Keystone From the options and tap Continue(Keystone and AirGap use the same technology - EIP 4527 for signing transactions.)
+   ![](/img/blockwallet/6.PNG)
+
+7. Read all the instructions and tap continue when done.
+   ![](/img/blockwallet/7.PNG)
+
+8. Allow the website to access your camera.
+   ![](/img/blockwallet/8.PNG)
+
+9. Now, quickly open your AirGap Vault app and select your desired secret. (If this is the first time you open the AirGap Vault make sure you follow our [setup guide](https://support.airgap.it/guides/step-by-step-guide).)
+   Then, select an Ethereum account. Tap MetaMask as your desired wallet. You will get a connection QR code.
+
+   <IPhoneWrapper src={"/img/blockwallet/9.png"} />
+   <IPhoneWrapper src={"/img/blockwallet/10.png"} />
+
+10. Scan the QR code with your PC's camera.
+    ![](/img/blockwallet/11.PNG)
+
+11. To continue, select the account that you want to import and hit “Import”. Voila, you have successfully imported your AirGap account into BlockWallet.
+    Now, open the extension. You'll be able to see your account balance.
+    ![](/img/blockwallet/12.PNG)
+
+## Making a transaction with BlockWallet
+
+1. Verify on your BlockWallet's home screen: ensure 'Keystone' is displayed at the top left, accompanied by a QR-Code symbol. This confirms that the linked AirGap account is currently selected.
+   Now to do a transaction tap the Send button in the middle of the screen.
+   ![](/img/blockwallet/12.PNG)
+
+2. Enter the address that you want to send to. Then, enter the amount you want to send. You can also make additional changes like gas price and nonce here.
+   ![](/img/blockwallet/13.PNG)
+   ![](/img/blockwallet/14.PNG)
+
+3. A QR code will appear. Scan this QR code with the AirGap Vault app. To scan it, tap on the scanner button on the home screen of the Vault app.
+   ![](/img/blockwallet/15.PNG)
+   ![](/img/blockwallet/16.PNG)
+
+   <IPhoneWrapper src={"/img/blockwallet/17.png"} />
+
+4. After you sign the transaction, a new QR code will appear. Scan this QR code with BlockWallet. That's it. You have successfully made your first transaction on BlockWallet.
+   ![](/img/blockwallet/18.PNG)
diff --git a/src/docs/guides/imToken.mdx b/src/docs/guides/imToken.mdx
@@ -2,6 +2,7 @@
 title: Setup imToken Wallet with AirGap Vault
 slug: /guides/imTOKEN
 ---
+
 import IPhoneWrapper from "@site/src/components/IPhoneWrapper";
 
 This guide will explore how you can link imToken Wallet with AirGap Vault.
@@ -13,74 +14,100 @@ If you already have imToken installed, you can skip the next step and proceed to
 Download and install the [imToken Wallet](https://token.im/download).
 
 ## 2. AirGap setup
+
 Download AirGap Vault from the [Google Play store](https://play.google.com/store/apps/details?id=it.airgap.vault), [App Store](https://apps.apple.com/us/app/airgap-vault-secure-secrets/id1417126841?l=de&ls=1) or directly from [Github](https://github.com/airgap-it/airgap-vault/releases) and install it on a dedicated offline device. Follow the setup guide [here](https://medium.com/airgap-it/airgap-set-up-guide-861e0f4b39b6) or watch the [video guide](https://www.youtube.com/watch?v=M9ICKaLxuwQ&t=1s&ab_channel=AirGap.it). The setup takes no longer than 5 minutes..
 
 ## 3. imToken setup
+
 Head over to your imToken Wallet. Tap on Create Identity.
+
 <IPhoneWrapper src={"/img/imToken/imToken1.PNG"} />
 
 Choose a name for your Identity and set a password for it. Even though this account will not be used by you, it's mandatory to create one.
+
 <IPhoneWrapper src={"/img/imToken/imToken2.PNG"} />
 
 You can choose to backup the mnemonic or skip it.
+
 <IPhoneWrapper src={"/img/imToken/imToken3.PNG"} />
 
 After you reach the home screen, tap on the three lines on the top left corner.
+
 <IPhoneWrapper src={"/img/imToken/imToken4.PNG"} />
 
 Tap on the Plus icon.
+
 <IPhoneWrapper src={"/img/imToken/imToken5.PNG"} />
 
 Select connect with other wallets
+
 <IPhoneWrapper src={"/img/imToken/imToken6.PNG"} />
 
 Tap "Other QR-based wallets"
+
 <IPhoneWrapper src={"/img/imToken/imToken7.PNG"} />
 
 Now you would need to scan a QR code which we will fetch from the Vault app.
+
 <IPhoneWrapper src={"/img/imToken/imToken8.PNG"} />
 
 ## 4. Binding imToken with AirGap Vault
+
 Tap on the account that you wish to import to imToken Wallet.
+
 <IPhoneWrapper src={"/img/imToken/imToken9.PNG"} />
 
 Select imToken as your desired wallet.
+
 <IPhoneWrapper src={"/img/imToken/imToken10.PNG"} />
 
-You will get a QR code - 
+You will get a QR code -
+
 <IPhoneWrapper src={"/img/imToken/imToken11.PNG"} />
 
 Scan this QR code with the imToken Wallet app.
 Now, tap the accounts that you want to link with imToken Wallet. The, tap Continue.
+
 <IPhoneWrapper src={"/img/imToken/imToken12.PNG"} />
 
 That's it. Now you have succesfully linked your AirGap Vault account with imToken Wallet.
+
 <IPhoneWrapper src={"/img/imToken/imToken13.PNG"} />
 
 ## 5. Making a Transaction
+
 Select the coin/token that you want to transfer.
+
 <IPhoneWrapper src={"/img/imToken/imToken14.PNG"} />
 
 Tap on the Send button
+
 <IPhoneWrapper src={"/img/imToken/imToken15.PNG"} />
 
 Enter the receiver's address and the amount that you want to transfer.
+
 <IPhoneWrapper src={"/img/imToken/imToken16.PNG"} />
 
 Check all the details properly and hit the send button
+
 <IPhoneWrapper src={"/img/imToken/imToken17.PNG"} />
 
 It will give you a QR code to scan.
+
 <IPhoneWrapper src={"/img/imToken/imToken18.PNG"} />
 
 Open the Vault app and tap on the scanner button and scan the QR code.
+
 <IPhoneWrapper src={"/img/imToken/imToken19.PNG"} />
 
 Again, check the transaction details and tap the Sign button.
+
 <IPhoneWrapper src={"/img/imToken/imToken20.PNG"} />
 
 Now, the Vault app will provide you a QR code of the signed transaction.
+
 <IPhoneWrapper src={"/img/imToken/imToken21.PNG"} />
 
 Scan this with the imToken app. That's it. You will recieve a confirmation message on the top.
-<IPhoneWrapper src={"/img/imToken/imToken22.PNG"} />
+
+<IPhoneWrapper src={"/img/imToken/imToken22.PNG"} />
diff --git a/static/img/blockwallet/1.png b/static/img/blockwallet/1.png
diff --git a/static/img/blockwallet/10.png b/static/img/blockwallet/10.png
diff --git a/static/img/blockwallet/11.png b/static/img/blockwallet/11.png
diff --git a/static/img/blockwallet/12.png b/static/img/blockwallet/12.png
diff --git a/static/img/blockwallet/13.png b/static/img/blockwallet/13.png
diff --git a/static/img/blockwallet/14.png b/static/img/blockwallet/14.png
diff --git a/static/img/blockwallet/15.png b/static/img/blockwallet/15.png
diff --git a/static/img/blockwallet/16.png b/static/img/blockwallet/16.png
diff --git a/static/img/blockwallet/17.png b/static/img/blockwallet/17.png
diff --git a/static/img/blockwallet/18.png b/static/img/blockwallet/18.png
diff --git a/static/img/blockwallet/2.png b/static/img/blockwallet/2.png
diff --git a/static/img/blockwallet/3.png b/static/img/blockwallet/3.png
diff --git a/static/img/blockwallet/4.png b/static/img/blockwallet/4.png
diff --git a/static/img/blockwallet/5.png b/static/img/blockwallet/5.png
diff --git a/static/img/blockwallet/6.png b/static/img/blockwallet/6.png
diff --git a/static/img/blockwallet/7.png b/static/img/blockwallet/7.png
diff --git a/static/img/blockwallet/8.png b/static/img/blockwallet/8.png
diff --git a/static/img/blockwallet/9.png b/static/img/blockwallet/9.png