Skip to content
This repository has been archived by the owner on Oct 29, 2024. It is now read-only.

Commit

Permalink
Part 2 v2
Browse files Browse the repository at this point in the history
  • Loading branch information
Gunit2481 committed May 16, 2024
1 parent d54d316 commit fde8911
Show file tree
Hide file tree
Showing 6 changed files with 72 additions and 72 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import Figure from "/src/components/figure"

Visit the [Assets page](https://portal.astar.network/assets), and log in with your MetaMask account to view your assets.

<Figure src={require('/docs/use/Get-Started/Astar-EVM-wallet/Wallet/Metamask/img/XC20_EVM_1.png').default} width="50%" />
<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/XC20_EVM_1.png').default} width="50%" />

As you can see in the screenshot above, there is DOT in our EVM wallet. Let's add the asset to MetaMask.

Expand All @@ -22,11 +22,11 @@ Open MetaMask and connect the account with DOT. Make sure you are connected to t

After the account is connected, you will be able to import tokens into the wallet. Click on **Add to wallet** button in DOT row.

<Figure src={require('/docs/use/Get-Started/Astar-EVM-wallet/Wallet/Metamask/img/XC20_EVM_2.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/XC20_EVM_2.png').default} width="100%" />

Click on **Import Tokens** in MetaMask popup.

<Figure src={require('/docs/use/Get-Started/Astar-EVM-wallet/Wallet/Metamask/img/XC20_EVM_3.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/XC20_EVM_3.png').default} width="100%" />


When you are finished adding and importing DOT, you will see them in your wallet. You can find the full list of supported XCM assets [(/docs/learn/interoperability/xcm/asset-list)].
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ This tutorial serves as a guide to create a multisig substrate wallet.
3. Click `+ Add Contact` and add all the contact addresses that you want to include in the multisig wallet.
4. For example; Bob, Charlie and Dave.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Multisig-Wallet/Polkadot.js/img/12.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/multisig-wallet/polkadot.js/img/12.png').default} width="100%" />

## Create new wallet

Expand All @@ -27,7 +27,7 @@ This tutorial serves as a guide to create a multisig substrate wallet.
4. Give the multisig wallet a name.
5. Click "Create".

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Multisig-Wallet/Polkadot.js/img/13.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/multisig-wallet/polkadot.js/img/13.png').default} width="100%" />

## Test the wallet

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,53 +26,53 @@ This tutorial walks through the process of setting up a Ledger device to partici

Ensure Ledger Live is up to date.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger1.png').default} width='1200px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger1.png').default} width='1200px' />

- If prompted to update the device Firmware do so, as it will update the Astar app as well.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger2.png').default} width='1200px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger2.png').default} width='1200px' />

- Once Ledger Live is up to date, ensure the latest Astar app (version 2.52.2 or higher) is installed.

:::tip
Ledger NanoS users should install the Astar XL version of the app, shown in the image below:
:::

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger3.png').default} width='1200px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger3.png').default} width='1200px' />

### Import Ledger account to Polkadot.js

- Open the Polkadot.js extension.
- Click the + sign menu option.
- Choose ‘Attach ledger account.’ Make sure your ledger is unlocked.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger4.png').default} width='600px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger4.png').default} width='600px' />

- Follow through the process of Importing a Ledger Account by specifying a descriptive name. The default name and settings are shown in the image below:

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger5.png').default} width='600px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger5.png').default} width='600px' />

### Configure the Ledger device connection method

- Once the Ledger account has been imported, visit the [Astar Network settings page on the Polkadot.js apps portal](https://polkadot.js.org/apps/?rpc=wss%3A%2F%2Frpc.astar.network#/settings) and ensure **Attach Ledger via WebHID** is the preferred connection method listed under *account options* > *manage hardware connections*, as shown in the image below:

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger7.png').default} width='1200px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger7.png').default} width='1200px' />

### Visit the Astar Portal

- Open a browser and visit the [Astar Portal](https://portal.astar.network).
- Connect the Polkadot.js extension to the Portal.
- Select the Ledger account that was imported during the last step. Check the toggle so Portal knows the device is a ledger. It can now be used to participate in dApp staking.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger8.png').default} width='600px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger8.png').default} width='600px' />

For detailed information about dApp staking or how to stake on the EVM side of Astar Portal using a Ledger device, please refer to the [Astar official documentation] (/docs/use/dapp-staking/for-stakers/) **LINK TO UPDATE** or [Ledger EVM staking guide](/docs/use/Get-Started/Astar-EVM-wallet/Wallet/Ledger/ledger-evm.md)
For detailed information about dApp staking or how to stake on the EVM side of Astar Portal using a Ledger device, please refer to the [Astar official documentation] (/docs/use/dapp-staking/for-stakers/) **LINK TO UPDATE** or [Ledger EVM staking guide](/docs/use/get-started/astar-evm-wallet/wallet/ledger/ledger-evm.md)

:::tip
If you receive a **Ledger error: Failed to execute 'claimInterface' on 'USBDevice': Unable to claim interface** message during the dApp staking claim process, ensure you are performing the operation using a Chromium-based browser such as Chrome or Brave, and the Ledger device connection method is WebHID, as outlined in the previous step.
:::

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Ledger/img/ledger6.png').default} width='600px' />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/ledger/img/ledger6.png').default} width='600px' />

## Ledger NanoS and S-plus/X device limitations

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,15 +16,15 @@ Follow these steps to interact with the Astar Wallet snap [Portal](https://porta

<div>
<video width="300" controls>
<source src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/astar_snap_30s_v1.mp4').default } />
<source src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/astar_snap_30s_v1.mp4').default } />
</video>
</div>

## Connect to the Portal

Click the webpage button labeled "Astar Snap" with the MetaMask logo

<Figure caption='Connect to the Portal' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/01.png').default } width="100%" />
'/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/
<Figure caption='Connect to the Portal' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/01.png').default } width="100%" />

## Review & Accept Third-Party Software Notice

Expand All @@ -35,10 +35,10 @@ accept it, click the MetaMask "Third-party software notice" button labeled
<!-- markdownlint-disable MD033 -->
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
<div style={{ marginRight: '10px' }}>
<Figure caption='Review 3rd-Party Software Notice' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/02.png').default } width="100%" />
<Figure caption='Review 3rd-Party Software Notice' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/02.png').default } width="100%" />
</div>
<div>
<Figure caption='Accept 3rd-Party Software Notice' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/03.png').default } width="100%" />
<Figure caption='Accept 3rd-Party Software Notice' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/03.png').default } width="100%" />
</div>
</div>

Expand All @@ -48,7 +48,7 @@ Review the connection request and, if you accept it, click the MetaMask
"Connection request" button labeled "Connect" to accept the Astar Wallet snap
connection request.

<Figure caption='Connection Request' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/04.png').default } width="40%" />
<Figure caption='Connection Request' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/04.png').default } width="40%" />

## Review Snap Permissions & Begin Installation

Expand All @@ -58,10 +58,10 @@ labeled "Install" to begin installing the Astar Wallet snap.

<div style={{ display: 'flex', justifyContent: 'space-between' }}>
<div style={{ marginRight: '10px' }}>
<Figure caption='Review Permissions' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/05.png').default } width="100%" />
<Figure caption='Review Permissions' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/05.png').default } width="100%" />
</div>
<div>
<Figure caption='Begin Installation' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/06.png').default } width="100%" />
<Figure caption='Begin Installation' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/06.png').default } width="100%" />
</div>
</div>

Expand All @@ -77,10 +77,10 @@ button labeled "OK" to continue to the example dApp.

<div style={{ display: 'flex', justifyContent: 'space-between' }}>
<div style={{ marginRight: '10px' }}>
<Figure caption='Confirm Elevated Permissions' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/08.png').default } width="100%" />
<Figure caption='Confirm Elevated Permissions' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/08.png').default } width="100%" />
</div>
<div>
<Figure caption='Installation is Complete' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/09.png').default } width="100%" />
<Figure caption='Installation is Complete' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/09.png').default } width="100%" />
</div>
</div>

Expand All @@ -90,9 +90,9 @@ The Astar Snap Wallet is now configured. Notice the address
was derived using the entropy from your MetaMask seed phrase and the snapId.
The public key does _not_ depend on the network and will always be the same.

<Figure caption='Connect' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/10.png').default } width="100%" />
<Figure caption='Connect' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/10.png').default } width="100%" />

<Figure caption='Account Details' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/13.png').default } width="100%" />
<Figure caption='Account Details' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/13.png').default } width="100%" />

## How to Remove

Expand All @@ -103,10 +103,10 @@ This action will not destroy your account or your funds. But deleting your MetaM

<div style={{ display: 'flex', justifyContent: 'space-between' }}>
<div style={{ marginRight: '10px' }}>
<Figure caption='Remove Astar Wallet' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/11.png').default } width="100%" />
<Figure caption='Remove Astar Wallet' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/11.png').default } width="100%" />
</div>
<div>
<Figure caption='Remove Snap' src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Metamask-Snap/img/12.png').default } width="100%" />
<Figure caption='Remove Snap' src={require('/docs/use/get-started/astar-substrate-wallet/wallet/metamask-snap/img/12.png').default } width="100%" />
</div>
</div>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -28,17 +28,17 @@ To create a proxy account, follow these steps:

9. **Submit the transaction:** Once you have filled in all the necessary details, find the button to submit the transaction. Click on it to initiate the process.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Polkadot.js/img/33.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/polkadot.js/img/33.png').default} width="100%" />

You will then be prompted to authorize and sign the transaction. Go ahead and click **Sign and Submit** to create the proxy relationship.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Polkadot.js/img/34.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/polkadot.js/img/34.png').default} width="100%" />

Once the transaction has been successfully submitted, you will receive notifications confirming the transaction.

You can also find the event `proxy.ProxyAdded` in recently emitted events inside **Network** > **Explorer** tab.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Polkadot.js/img/35.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/polkadot.js/img/35.png').default} width="100%" />

**Verifying Proxy Account**
---
Expand All @@ -49,14 +49,14 @@ There are many ways of verifying if your proxy was added or not. Easiest way to
2. Here find you **Primary Account** and click on the 3 dots as seen in the provided picture.


<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Polkadot.js/img/36.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/polkadot.js/img/36.png').default} width="100%" />

3. Select **Manage proxies** option.


Here you can see the list of all proxies that you account has. For this tutorial, it is only **Balances** proxy that we added in the above section.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Polkadot.js/img/37.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/polkadot.js/img/37.png').default} width="100%" />

:::tip

Expand Down Expand Up @@ -92,6 +92,6 @@ To submit a proxy transaction, follow these steps:

9. **Click Submit Transaction:** Once you have entered all the necessary details, click on "Submit Transaction" to initiate the transaction.

<Figure src={require('/docs/use/Get-Started/Astar-Substrate-wallet/Wallet/Polkadot.js/img/38.png').default} width="100%" />
<Figure src={require('/docs/use/get-started/astar-substrate-wallet/wallet/polkadot.js/img/38.png').default} width="100%" />

Congratulations! You've completed the entire process successfully. You have created a proxy account, reviewed all the proxy accounts linked to your primary account, performed a proxy transaction, and even removed a proxy account. Well done!
Loading

0 comments on commit fde8911

Please sign in to comment.