From bb77e83b1500f596234ece45be65b89dfb8613ea Mon Sep 17 00:00:00 2001
From: dave | d1onys1us <13951458+d1onys1us@users.noreply.github.com>
Date: Fri, 21 Jul 2023 05:18:08 -0400
Subject: [PATCH] feat(website): add reset metamask step (#14229)

---
 .../build-on-taiko/setup-your-wallet.mdx      | 62 ++++++++++---------
 1 file changed, 33 insertions(+), 29 deletions(-)

diff --git a/packages/website/pages/docs/guides/build-on-taiko/setup-your-wallet.mdx b/packages/website/pages/docs/guides/build-on-taiko/setup-your-wallet.mdx
index 4b4a65fdac1..fc56b32a6e8 100644
--- a/packages/website/pages/docs/guides/build-on-taiko/setup-your-wallet.mdx
+++ b/packages/website/pages/docs/guides/build-on-taiko/setup-your-wallet.mdx
@@ -2,11 +2,7 @@ import { Steps } from "nextra-theme-docs";
 import { AddTokenButton } from "components/Button/AddTokenButton";
 import { ConnectToMetamaskButton } from "components/Button/ConnectToMetamaskButton";
 
-import {
-  ELDFELL_CONFIG,
-  GRIMSVOTN_CONFIG,
-  SEPOLIA_CONFIG,
-} from "domain/chain";
+import { ELDFELL_CONFIG, GRIMSVOTN_CONFIG, SEPOLIA_CONFIG } from "domain/chain";
 
 # Setup your wallet
 
@@ -27,36 +23,36 @@ This guide helps you connect your wallet to Taiko's networks.
     <ConnectToMetamaskButton network={ELDFELL_CONFIG.names.shortName} />
 
     ### Add tokens to your wallet
-    <AddTokenButton address={SEPOLIA_CONFIG.basedContracts.erc20Contracts.taikoToken.address.proxy} 
-    symbol={SEPOLIA_CONFIG.basedContracts.erc20Contracts.taikoToken.symbol} 
-    decimals={SEPOLIA_CONFIG.basedContracts.erc20Contracts.taikoToken.decimals} 
-    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/ttko.svg" 
+    <AddTokenButton address={SEPOLIA_CONFIG.basedContracts.erc20Contracts.taikoToken.address.proxy}
+    symbol={SEPOLIA_CONFIG.basedContracts.erc20Contracts.taikoToken.symbol}
+    decimals={SEPOLIA_CONFIG.basedContracts.erc20Contracts.taikoToken.decimals}
+    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/ttko.svg"
     network="Sepolia"/>
-    <AddTokenButton address={SEPOLIA_CONFIG.basedContracts.erc20Contracts.bullToken.address.impl} 
-    symbol={SEPOLIA_CONFIG.basedContracts.erc20Contracts.bullToken.symbol} 
-    decimals={SEPOLIA_CONFIG.basedContracts.erc20Contracts.bullToken.decimals} 
-    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/bull_32x32.svg" 
+    <AddTokenButton address={SEPOLIA_CONFIG.basedContracts.erc20Contracts.bullToken.address.impl}
+    symbol={SEPOLIA_CONFIG.basedContracts.erc20Contracts.bullToken.symbol}
+    decimals={SEPOLIA_CONFIG.basedContracts.erc20Contracts.bullToken.decimals}
+    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/bull_32x32.svg"
     network="Sepolia"/>
-    <AddTokenButton address={SEPOLIA_CONFIG.basedContracts.erc20Contracts.horseToken.address.impl} 
-    symbol={SEPOLIA_CONFIG.basedContracts.erc20Contracts.horseToken.symbol} 
-    decimals={SEPOLIA_CONFIG.basedContracts.erc20Contracts.horseToken.decimals} 
-    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/horse.svg" 
+    <AddTokenButton address={SEPOLIA_CONFIG.basedContracts.erc20Contracts.horseToken.address.impl}
+    symbol={SEPOLIA_CONFIG.basedContracts.erc20Contracts.horseToken.symbol}
+    decimals={SEPOLIA_CONFIG.basedContracts.erc20Contracts.horseToken.decimals}
+    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/horse.svg"
     network="Sepolia"/>
     <br />
-    <AddTokenButton address={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedTaikoToken.address.impl} 
-    symbol={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedTaikoToken.symbol} 
-    decimals={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedTaikoToken.decimals} 
-    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/ttko.svg" 
+    <AddTokenButton address={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedTaikoToken.address.impl}
+    symbol={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedTaikoToken.symbol}
+    decimals={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedTaikoToken.decimals}
+    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/ttko.svg"
     network="Grimsvotn"/>
-    <AddTokenButton address={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedBullToken.address.impl} 
-    symbol={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedBullToken.symbol} 
-    decimals={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedBullToken.decimals} 
-    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/bull_32x32.svg" 
+    <AddTokenButton address={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedBullToken.address.impl}
+    symbol={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedBullToken.symbol}
+    decimals={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedBullToken.decimals}
+    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/bull_32x32.svg"
     network="Grimsvotn"/>
-    <AddTokenButton address={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedHorseToken.address.impl} 
-    symbol={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedHorseToken.symbol} 
-    decimals={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedHorseToken.decimals} 
-    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/horse.svg" 
+    <AddTokenButton address={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedHorseToken.address.impl}
+    symbol={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedHorseToken.symbol}
+    decimals={GRIMSVOTN_CONFIG.rollupContracts.erc20Contracts.bridgedHorseToken.decimals}
+    image="https://raw.githubusercontent.com/taikoxyz/taiko-mono/main/packages/branding/testnet-token-images/horse.svg"
     network="Grimsvotn"/>
 
 </Steps>
@@ -66,3 +62,11 @@ This guide helps you connect your wallet to Taiko's networks.
 ### The add chain buttons did not work
 
 Try to manually add the network to your wallet using the [RPC configuration](/docs/reference/rpc-configuration), or by using [chainlist.org](https://chainlist.org) (make sure to check the box for "Include testnets").
+
+### Transactions are stuck in "pending"
+
+You may have transactions stuck in Metamask as "pending", this can happen if the transaction is dropped from the mempool.
+
+You can fix it by following these steps:
+
+1. Go to Settings > Advanced > Click "Clear activity tab data"