Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blockwallet Guide #48

Merged
merged 1 commit into from
Feb 16, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions sidebars.js
Original file line number Diff line number Diff line change
Expand Up @@ -296,6 +296,7 @@ module.exports = {
"guides/bip-39-passphrase",
"guides/dice-coin-entropy",
"guides/address-book",
"guides/blockwallet",
],
},
"isolated-module",
Expand Down
1 change: 1 addition & 0 deletions src/docs/airgap-vault/features/multi-wallet.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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/) |
68 changes: 68 additions & 0 deletions src/docs/guides/blockwallet.mdx
Original file line number Diff line number Diff line change
@@ -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)
31 changes: 29 additions & 2 deletions src/docs/guides/imToken.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand All @@ -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"} />
Binary file added static/img/blockwallet/1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/10.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/11.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/12.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/13.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/14.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/15.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/17.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/18.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/5.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/6.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/7.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/8.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/blockwallet/9.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading