Skip to content

Commit

Permalink
Refine Wallet Browser doc (MystenLabs#3008)
Browse files Browse the repository at this point in the history
* Refine Wallet Browser doc

Add more links to Sui Explorer
Make transaction history header an action

* Continue edits from top to bottom

* Build out demo intro text

* Refine page intro text

* Fix Send NFT button mismatch of text to screenshot
  • Loading branch information
Clay-Mysten authored Jul 6, 2022
1 parent c560158 commit 10d46c5
Showing 1 changed file with 18 additions and 12 deletions.
30 changes: 18 additions & 12 deletions doc/src/explore/wallet-browser.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,34 +2,36 @@
title: Using the Sui Wallet Browser Extension
---

Welcome to the [Sui Wallet Browser Chrome Extension](https://chrome.google.com/webstore/detail/sui-wallet/albddfdbohgeonpapellnjadnddglhgn?hl=en&authuser=0) covering its installation and use. The Sui Wallet Browser Extension acts as your portal to the Web3 world.
Welcome to the [Sui Wallet Browser Chrome Extension](https://chrome.google.com/webstore/detail/sui-wallet/albddfdbohgeonpapellnjadnddglhgn?hl=en&authuser=0). The Sui Wallet Browser Extension acts as your portal to the Web3 world. Follow this guide to install and use the extension.

## Features

The Sui Wallet Browser Extension offers these features:

* Create, import, and persistently store the mnemonics and the derived private key
* Create, import, and persistently store the backup recovery passphrases (mnemonics) and the derived private key
* Create NFTs
* Transfer coins
* See owned fungible tokens and NFTs
* Display recent transactions
* Go directly to the successful/failed transaction in the Sui Explorer
* Try out our demonstration [NFT dApp](https://github.com/MystenLabs/sui/tree/main/wallet/examples/demo-nft-dapp) available [in the Cloud](http://sui-wallet-demo.s3-website-us-east-1.amazonaws.com/)
* Auto split/merge coins if the address does not have a Coin object with the exact transfer amount
* Go directly to the successful/failed transaction in the [Sui Explorer](https://explorer.devnet.sui.io/)
* A demonstration [NFT dApp](https://github.com/MystenLabs/sui/tree/main/wallet/examples/demo-nft-dapp) available [in the Cloud](http://sui-wallet-demo.s3-website-us-east-1.amazonaws.com/)

Note, the wallet will auto split/merge coins if the address does not have a Coin object with the exact transfer amount. See the [Use](#use) section for guidance on employing these features.
See [Demos](#demos) for depictions of these features in play and [Use](#use) to find these features in navigation.

## Purpose

Initially, the Sui Wallet Browser Extension is aimed at Sui developers for testing purposes. As such, the tokens are of no value (just like the rest of [DevNet](../explore/devnet.md)) and will disappear each time we reset the network. In time, the Sui Wallet Browser Extension will be production ready for real tokens.

This browser extension is a pared-down version of the [Sui Wallet command line interface (CLI)](../build/cli-client.md) that provides greater ease of use for the most commonly used features. If you need more advanced features, such as merge/split coins or make arbitrary [Move](../build/move.md) calls, instead use the [Sui CLI client](../build/cli-client.md).
This browser extension is a pared-down version of the [Sui CLI client)](../build/cli-client.md) that provides greater ease of use for the most commonly used features. If you need more advanced features, such as merging/splitting coins and making arbitrary [Move](../build/move.md) calls, instead use the [Sui CLI client](../build/cli-client.md).

## Demos

The following animated GIFs walk you through some of the most common workflows in the Sui Wallet Browser Extension.

### Set up Wallet

Install and configure the Sui Wallet Browser Extension (covered in detail below):
Install and configure the Sui Wallet Browser Extension (covered in detail starting with [Install](#install)):

![Set up Wallet](../../static/onboarding.gif "Set up Wallet")
*Set up the Sui Wallet Browser Extension*
Expand All @@ -43,17 +45,21 @@ From a demo decentralized site, such as our demonstration [NFT dApp](https://git

### Transfer NFT

Transfer your NFT to another address using the Sui Wallet Browser Extension:

![Transfer NFT](../../static/nft_transfer.gif "Transfer NFT")
*Transfer your NFT to another address*

### Transfer token

Transfer your token to another address on the Sui network using the Sui Wallet Browser Extension:

![Transfer token](../../static/nft_transfer.gif "Transfer token")
*Transfer tokens on the Sui network to another address*
*Transfer tokens to another address*

### Transaction history and settings
### View transaction history

View your recent transactions, also connected to Sui Explorer, where you can see more details about the corresponding transaction:
View your recent transactions and visit [Sui Explorer](https://explorer.devnet.sui.io/), where you can see more details about the corresponding transaction:

![Transaction history and settings](../../static/txn_history_and_settings.gif "Transaction history and settings")
*Under the *Settings* tab, view your account on Sui Explorer*
Expand All @@ -77,7 +83,7 @@ To begin using the Sui Wallet Browser Extension:
1. Accept the terms of service and click **Create**:
![Accept the terms of service for Sui Wallet](../../static/Sui-wallet-ToS.png "Accept ToS")
*Accept the terms of service for Sui Wallet Browser Extension*
1. View and capture the distinct Backup Recovery Passphrase (mnemonic) for the new wallet.
1. View and capture the distinct mnemonic for the new wallet.
1. Click **Done**.

## Configure
Expand Down Expand Up @@ -107,7 +113,7 @@ The Sui Wallet Browser Extension lets you:
* Send coins by clicking **Send** in the _Tokens_ tab:
![Send tokens](../../static/token-transfer.png "Send tokens")
*Send tokens with the Sui Wallet Browser Extension*
* Transfer NFTs by clicking **Send NFT** on the _NFT_ tab:
* Transfer NFTs by clicking **Send** on the _NFT_ tab:
![Transfer NFTs](../../static/NFT-transfer.png "Send tokens")
*Send NFTs with the Sui Wallet Browser Extension*
* View _recent transactions_ by clicking the **Arrow** icon at the top:
Expand Down

0 comments on commit 10d46c5

Please sign in to comment.