From 7e44cb9197d5c1c412023794a025cb7ae911d92a Mon Sep 17 00:00:00 2001
From: callumweb3 <callumwmt96@outlook.com>
Date: Mon, 7 Sep 2026 14:23:55 +0100
Subject: [PATCH] docs: fix duplicate network anchor IDs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`AddNetworkButton` is rendered twice in `src/pages/general/connect-wallet.mdx` for `mainnet` and `sepolia` (approximately lines 7–9), while `NetworkType` explicitly defines these as separate network values in `src/utils/networks.ts` (approximately line 3).

Previously, the component used a hardcoded `id="mainnet"` and `href="#mainnet"`, causing both rendered sections to use the same anchor target.

Updated `src/components/AddNetworkButton.tsx` (approximately lines 31–36) to generate the anchor from the existing `network` prop:

* `mainnet` > `#mainnet`
* `sepolia` > `#sepolia`

Also removed the unused `CheckIcon` import.

This gives each network section a unique anchor and removes the unused import.
---
 src/components/AddNetworkButton.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/AddNetworkButton.tsx b/src/components/AddNetworkButton.tsx
index dd8cac80..a8fc0787 100644
--- a/src/components/AddNetworkButton.tsx
+++ b/src/components/AddNetworkButton.tsx
@@ -1,4 +1,3 @@
-import { CheckIcon } from "@/icons/Check";
 import { ConnectedPulse } from "@/icons/ConnectedPulse";
 import {
   networkParams,
@@ -28,8 +27,8 @@ export const AddNetworkButton = ({
           <span>{heading}</span>
           {isSelected && <ConnectedPulse className="size-6" />}
           <a
-            href="#mainnet"
-            id="mainnet"
+            href={`#${network}`}
+            id={network}
             className="subheading-anchor"
             aria-label="Permalink for this section"
           ></a>