# WalletView

## Overview

The WalletView function renders a wallet interface for users that allows the user to do the following:

* View all their tokens
* Send tokens
* Deposit tokens
* Buy tokens through our integrated fiat-on-ramp
* View their transaction history
* Export their private wallet key.
* Change their language.
* Change their network
* Change their UI theme.

Once the user logs in, we recommend you replace the login button with a new button that shows their wallet address and triggers the `openWallet()` function when clicked.   

See these functions in action at <https://example.ramper.xyz/>\
\
**Screenshots**

<div align="left"><img src="https://2309458538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA4lEcolAe1xxpS9iPO2F%2Fuploads%2FOXcSInpJaIKCODv1vWVX%2FWalletView_Home_Desktop.png?alt=media&#x26;token=5bfd5204-14f7-4105-adeb-abfef28d7499" alt="Token View"> <img src="https://2309458538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA4lEcolAe1xxpS9iPO2F%2Fuploads%2FpJawDk5udqhuFvSfUHzg%2FWalletView_Coin_Desktop.png?alt=media&#x26;token=089f2125-995a-435b-aa5c-7f30f08b20b9" alt="Settings"> <img src="https://2309458538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA4lEcolAe1xxpS9iPO2F%2Fuploads%2FPXso2lPs1FqueF9LJBfn%2FWalletView_Home_Desktop.png?alt=media&#x26;token=75063264-75fc-47ce-b2c1-9be40fec1ffc" alt="Sign Transactions"></div>

## Include in your DApp

It's extremely simple to include WalletView in your DApp if you're already using Ramper SDK!

{% tabs %}
{% tab title="EVM" %}

```jsx
import { openWallet } from '@ramper/ethereum'

<button onClick={openWallet}>My Wallet</button>
```

{% endtab %}

{% tab title="Terra" %}

```jsx
import { openWallet } from '@ramper/terra'

...    

<Button onClick={openWallet}>My Wallet</Button>
```

{% endtab %}

{% tab title="NEAR" %}

```jsx
import { openWallet } from '@ramper/near'

...    

<Button onClick={openWallet}>My Wallet</Button>
```

{% endtab %}
{% endtabs %}

## More Screenshots

**Transactions View:**

<div align="left"><img src="https://2309458538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA4lEcolAe1xxpS9iPO2F%2Fuploads%2FrCJQUu2ZSfpcczkbZUFr%2FWalletView_Coin_Desktop.png?alt=media&#x26;token=6879977b-b202-4ed5-bda1-5ccd5bca8785" alt=""></div>

**Fiat on-ramp:**

![](https://2309458538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA4lEcolAe1xxpS9iPO2F%2Fuploads%2FjdzVh1Nsb5oebYnHX1VC%2FScreen%20Shot%202022-06-08%20at%207.22.40%20PM.png?alt=media\&token=860fb269-2eb8-4c4f-8424-4a5df56628fc)<br>