diff --git a/sidebars.js b/sidebars.js index a94d15dea..0a41cd0f5 100644 --- 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 index e8f4963ff..1b5c98e4e 100644 --- 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)
Ethereum (ETH)
Polkadot (DOT)
Kusama (KSM)
Tezos (XTZ)
Cosmos (ATOM)
Internet Computer (ICP)
Moonbeam (GLMR)
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)
Ethereum (ETH)
Optimisim
and more | Manually Adding Tokens, DeFi, NFT | [imToken Setup Guide](/guides/imToken/) | +| BlockWallet | Ethereum (ETH)
Optimisim
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 new file mode 100644 index 000000000..9c3bd44ad --- /dev/null +++ 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. + + + + +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) + + + +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 index de23887b4..8d4e57262 100644 --- 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. + 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. + You can choose to backup the mnemonic or skip it. + After you reach the home screen, tap on the three lines on the top left corner. + Tap on the Plus icon. + Select connect with other wallets + Tap "Other QR-based wallets" + Now you would need to scan a QR code which we will fetch from the Vault app. + ## 4. Binding imToken with AirGap Vault + Tap on the account that you wish to import to imToken Wallet. + Select imToken as your desired wallet. + -You will get a QR code - +You will get a QR code - + Scan this QR code with the imToken Wallet app. Now, tap the accounts that you want to link with imToken Wallet. The, tap Continue. + That's it. Now you have succesfully linked your AirGap Vault account with imToken Wallet. + ## 5. Making a Transaction + Select the coin/token that you want to transfer. + Tap on the Send button + Enter the receiver's address and the amount that you want to transfer. + Check all the details properly and hit the send button + It will give you a QR code to scan. + Open the Vault app and tap on the scanner button and scan the QR code. + Again, check the transaction details and tap the Sign button. + Now, the Vault app will provide you a QR code of the signed transaction. + Scan this with the imToken app. That's it. You will recieve a confirmation message on the top. - \ No newline at end of file + + diff --git a/static/img/blockwallet/1.png b/static/img/blockwallet/1.png new file mode 100644 index 000000000..0936b1377 Binary files /dev/null and b/static/img/blockwallet/1.png differ diff --git a/static/img/blockwallet/10.png b/static/img/blockwallet/10.png new file mode 100644 index 000000000..9dff727b8 Binary files /dev/null and b/static/img/blockwallet/10.png differ diff --git a/static/img/blockwallet/11.png b/static/img/blockwallet/11.png new file mode 100644 index 000000000..14c094bd1 Binary files /dev/null and b/static/img/blockwallet/11.png differ diff --git a/static/img/blockwallet/12.png b/static/img/blockwallet/12.png new file mode 100644 index 000000000..d3b7bcced Binary files /dev/null and b/static/img/blockwallet/12.png differ diff --git a/static/img/blockwallet/13.png b/static/img/blockwallet/13.png new file mode 100644 index 000000000..720ad7700 Binary files /dev/null and b/static/img/blockwallet/13.png differ diff --git a/static/img/blockwallet/14.png b/static/img/blockwallet/14.png new file mode 100644 index 000000000..55f53c915 Binary files /dev/null and b/static/img/blockwallet/14.png differ diff --git a/static/img/blockwallet/15.png b/static/img/blockwallet/15.png new file mode 100644 index 000000000..c048daba1 Binary files /dev/null and b/static/img/blockwallet/15.png differ diff --git a/static/img/blockwallet/16.png b/static/img/blockwallet/16.png new file mode 100644 index 000000000..f385c3f1c Binary files /dev/null and b/static/img/blockwallet/16.png differ diff --git a/static/img/blockwallet/17.png b/static/img/blockwallet/17.png new file mode 100644 index 000000000..4da8586b1 Binary files /dev/null and b/static/img/blockwallet/17.png differ diff --git a/static/img/blockwallet/18.png b/static/img/blockwallet/18.png new file mode 100644 index 000000000..05fe23b9f Binary files /dev/null and b/static/img/blockwallet/18.png differ diff --git a/static/img/blockwallet/2.png b/static/img/blockwallet/2.png new file mode 100644 index 000000000..e0e92ed04 Binary files /dev/null and b/static/img/blockwallet/2.png differ diff --git a/static/img/blockwallet/3.png b/static/img/blockwallet/3.png new file mode 100644 index 000000000..a53fa6d38 Binary files /dev/null and b/static/img/blockwallet/3.png differ diff --git a/static/img/blockwallet/4.png b/static/img/blockwallet/4.png new file mode 100644 index 000000000..6c65bdd93 Binary files /dev/null and b/static/img/blockwallet/4.png differ diff --git a/static/img/blockwallet/5.png b/static/img/blockwallet/5.png new file mode 100644 index 000000000..b15269aea Binary files /dev/null and b/static/img/blockwallet/5.png differ diff --git a/static/img/blockwallet/6.png b/static/img/blockwallet/6.png new file mode 100644 index 000000000..3fd2ae387 Binary files /dev/null and b/static/img/blockwallet/6.png differ diff --git a/static/img/blockwallet/7.png b/static/img/blockwallet/7.png new file mode 100644 index 000000000..218dc4f89 Binary files /dev/null and b/static/img/blockwallet/7.png differ diff --git a/static/img/blockwallet/8.png b/static/img/blockwallet/8.png new file mode 100644 index 000000000..45a4e076b Binary files /dev/null and b/static/img/blockwallet/8.png differ diff --git a/static/img/blockwallet/9.png b/static/img/blockwallet/9.png new file mode 100644 index 000000000..038d1a187 Binary files /dev/null and b/static/img/blockwallet/9.png differ