From 5089014691da9b956742b45c56e7441a0b02a575 Mon Sep 17 00:00:00 2001
From: d1onys1us <13951458+d1onys1us@users.noreply.github.com>
Date: Thu, 20 Jul 2023 23:48:51 -0400
Subject: [PATCH 1/2] fix(website): make more clear ttko deposit step

---
 .../docs/guides/run-a-node/enable-a-proposer.mdx  | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx b/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx
index d9e097ede13..5969f954016 100644
--- a/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx
+++ b/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx
@@ -21,19 +21,24 @@ This guide will help you enable your Taiko node as a proposer.
 <Steps>
 ### Visit the TaikoL1 contract on block explorer
 
-Navigate to the TaikoL1 contract on the block explorer (see contract addresses [here](/docs/reference/contract-addresses)).
+First, you need to visit the `TaikoL1` **proxy contract**:
 
-Then, visit the "read contract" tab.
+- If you are depositing **TTKO**, you can find the link here under [Sepolia L1 based contracts](https://taiko.xyz/docs/reference/contract-addresses#based-contracts).
+- If you are depositing **TTKOe**, you can find the link here under [Grimsvotn L2 based contracts](https://taiko.xyz/docs/reference/contract-addresses#based-contracts-1).
+
+### Click the write proxy tab
+
+Then, visit the "Write proxy" (Blockscout) or "Write as proxy" (Etherscan) tab.
 
 Click the wallet connect button on the explorer.
 
 ### Enter deposit amount
 
-Click `depositTaikoToken` and enter the amount of TTKO/TTKOe you would like to deposit followed by 8 zeroes.
+Click the text field for `depositTaikoToken` and enter the amount of TTKO or TTKOe you would like to deposit followed by 8 zeroes.
 
 <Callout type="warning">
-  Make sure to click the plus sign and add `10^8` decimals, or add 8 zeroes
-  manually.
+  Make sure to click the plus sign and click `10^8` decimals to add 8 zeroes, or
+  add 8 zeroes manually.
 </Callout>
 
 For example if you want to deposit `69` TTKO/TTKOe, you would enter `6900000000`.

From bd21c9603664f4dc68f62bb7e49d62aea7931a13 Mon Sep 17 00:00:00 2001
From: d1onys1us <13951458+d1onys1us@users.noreply.github.com>
Date: Fri, 21 Jul 2023 00:16:08 -0400
Subject: [PATCH 2/2] fix(website): make more clear ttko deposit step

---
 packages/website/components/StyledLink.tsx        | 15 +++++++++++++++
 .../docs/guides/run-a-node/enable-a-proposer.mdx  |  9 +++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 packages/website/components/StyledLink.tsx

diff --git a/packages/website/components/StyledLink.tsx b/packages/website/components/StyledLink.tsx
new file mode 100644
index 00000000000..674100bbed7
--- /dev/null
+++ b/packages/website/components/StyledLink.tsx
@@ -0,0 +1,15 @@
+import Link from "next/link";
+
+export function StyledLink(props) {
+  const { href, text } = props;
+  return (
+    <Link
+      href={href}
+      className="nx-text-primary-600 nx-underline nx-decoration-from-font [text-underline-position:from-font]"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      {text}
+    </Link>
+  );
+}
diff --git a/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx b/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx
index 5969f954016..e8f40159505 100644
--- a/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx
+++ b/packages/website/pages/docs/guides/run-a-node/enable-a-proposer.mdx
@@ -1,4 +1,9 @@
 import { Callout, Steps } from "nextra-theme-docs";
+import { contractAddressToLink } from "../../../../utils/contractAddressToLink";
+import { SEPOLIA_CONFIG, GRIMSVOTN_CONFIG } from "../../../../domain/chain";
+import { StyledLink } from "/components/StyledLink";
+
+{console.log(contractAddressToLink(SEPOLIA_CONFIG.blockExplorer.url, SEPOLIA_CONFIG.basedContracts.taikoL1.address.proxy))}
 
 # Enable a proposer
 
@@ -23,8 +28,8 @@ This guide will help you enable your Taiko node as a proposer.
 
 First, you need to visit the `TaikoL1` **proxy contract**:
 
-- If you are depositing **TTKO**, you can find the link here under [Sepolia L1 based contracts](https://taiko.xyz/docs/reference/contract-addresses#based-contracts).
-- If you are depositing **TTKOe**, you can find the link here under [Grimsvotn L2 based contracts](https://taiko.xyz/docs/reference/contract-addresses#based-contracts-1).
+- If you are depositing **TTKO**, you can visit it <StyledLink href={contractAddressToLink(SEPOLIA_CONFIG.blockExplorer.url, SEPOLIA_CONFIG.basedContracts.taikoL1.address.proxy)} text="here" />.
+- If you are depositing **TTKOe**, you can visit it <StyledLink href={contractAddressToLink(GRIMSVOTN_CONFIG.blockExplorer.url, GRIMSVOTN_CONFIG.basedContracts.taikoL1.address.proxy)} text="here" />.
 
 ### Click the write proxy tab