fix(website): make more clear ttko deposit step (#14228)

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>
+  );
+}

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`.