From 1d7d9b7a50ff3317ab51105651920df996f07e82 Mon Sep 17 00:00:00 2001
From: dave | d1onys1us <13951458+d1onys1us@users.noreply.github.com>
Date: Fri, 21 Jul 2023 05:18:23 -0400
Subject: [PATCH] fix(website): make more clear ttko deposit step (#14228)

---
 packages/website/components/StyledLink.tsx    | 15 ++++++++++++++
 .../guides/run-a-node/enable-a-proposer.mdx   | 20 ++++++++++++++-----
 2 files changed, 30 insertions(+), 5 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 0000000000..674100bbed
--- /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 d9e097ede1..e8f4015950 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
 
@@ -21,19 +26,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**:
+
+- 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
 
-Then, visit the "read contract" 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`.