From 53efa86c764d6597462563dcd2f1fc7f9c891fd4 Mon Sep 17 00:00:00 2001
From: vivekjain23 <165671934+vivekjain23@users.noreply.github.com>
Date: Wed, 4 Dec 2024 14:34:19 +0530
Subject: [PATCH] chore(docs) : Add faucet urls to network overview tabs.
 (#4233)

* chore(docs): Add faucet URLs to network overview tabs.
---
 .../site/src/components/NetworkInfo/index.tsx | 30 +++++++++----------
 docs/site/src/components/constant.tsx         |  2 +-
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/docs/site/src/components/NetworkInfo/index.tsx b/docs/site/src/components/NetworkInfo/index.tsx
index 748d8638105..b87de0f6d92 100644
--- a/docs/site/src/components/NetworkInfo/index.tsx
+++ b/docs/site/src/components/NetworkInfo/index.tsx
@@ -35,13 +35,13 @@ function L1(props: NetworkProps) {
             <CodeBlock>{props.permaNodeApi}</CodeBlock>
           </td>
         </tr>
-        {props.faucet && (
+        {props.faucetUrl && (
           <tr>
             <th>Faucet</th>
             <td>
-              <a href={props.faucet} target='_blank' rel='noopener noreferrer'>
-                {props.faucet}
-              </a>
+              <CodeBlock>
+                {props.faucetUrl}
+              </CodeBlock>
             </td>
           </tr>
         )}
@@ -81,13 +81,13 @@ function Testnet(props: NetworkProps) {
             <CodeBlock>{props.permaNodeApi}</CodeBlock>
           </td>
         </tr>
-        {props.faucet && (
+        {props.faucetUrl && (
           <tr>
             <th>Faucet</th>
             <td>
-              <a href={props.faucet} target='_blank' rel='noopener noreferrer'>
-                {props.faucet}
-              </a>
+              <CodeBlock>
+                {props.faucetUrl}
+              </CodeBlock>
             </td>
           </tr>
         )}
@@ -127,13 +127,13 @@ function Devnet(props: NetworkProps) {
             <CodeBlock>{props.permaNodeApi}</CodeBlock>
           </td>
         </tr>
-        {props.faucet && (
+        {props.faucetUrl && (
           <tr>
             <th>Faucet</th>
             <td>
-              <a href={props.faucet} target='_blank' rel='noopener noreferrer'>
-                {props.faucet}
-              </a>
+              <CodeBlock>
+                {props.faucetUrl}
+              </CodeBlock>
             </td>
           </tr>
         )}
@@ -294,13 +294,13 @@ function Move(props: MoveProps) {
             <CodeBlock>{props.jsonRpcWebsocketUrl}</CodeBlock>
           </td>
         </tr>
-        {props.faucet && (
+        {props.faucetUrl && (
           <tr>
             <th>Faucet URL</th>
             <td>
-              <a href={props.faucetUrl} target="_blank" rel="noopener noreferrer">
+              <CodeBlock>
                 {props.faucetUrl}
-              </a>
+              </CodeBlock>
             </td>
           </tr>
         )}
diff --git a/docs/site/src/components/constant.tsx b/docs/site/src/components/constant.tsx
index 29c2a6f899c..e77d80b14e7 100644
--- a/docs/site/src/components/constant.tsx
+++ b/docs/site/src/components/constant.tsx
@@ -216,7 +216,7 @@ export interface NetworkProps {
   httpRestApi: string;
   eventApi: string;
   permaNodeApi: string;
-  faucet?: string;
+  faucetUrl?: string;
   explorer: string;
   evm: AddEthereumChainParameter;
   evmCustom: {