From b0ce69da4fc90f380784ea10c08b1339da02ad39 Mon Sep 17 00:00:00 2001
From: Iveta <quietbits@users.noreply.github.com>
Date: Thu, 30 Jan 2025 14:03:50 -0500
Subject: [PATCH] Network selector: add links to RPC and Horizon providers
 (#1238)

---
 src/components/NetworkSelector/index.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/NetworkSelector/index.tsx b/src/components/NetworkSelector/index.tsx
index a4fd2589..cbfe9384 100644
--- a/src/components/NetworkSelector/index.tsx
+++ b/src/components/NetworkSelector/index.tsx
@@ -312,6 +312,7 @@ export const NetworkSelector = () => {
                   handleInputChange("rpcUrl", e.target.value);
                 }}
                 error={validationError?.rpcUrl}
+                infoLink="https://developers.stellar.org/docs/data/rpc/rpc-providers"
               />
               {/* TODO: put these back once Stellar JS SDK is ready */}
               {/* <NetworkInput
@@ -344,6 +345,7 @@ export const NetworkSelector = () => {
                   handleInputChange("horizonUrl", e.target.value);
                 }}
                 error={validationError?.horizonUrl}
+                infoLink="https://developers.stellar.org/docs/data/horizon/horizon-providers"
               />
               {/* TODO: put these back once Stellar JS SDK is ready */}
               {/* <NetworkInput
@@ -408,6 +410,7 @@ type NetworkInputProps = {
   error?: React.ReactNode;
   disabled?: boolean;
   disableAutocomplete?: boolean;
+  infoLink?: string;
 };
 
 const NetworkInput = ({
@@ -419,6 +422,7 @@ const NetworkInput = ({
   error,
   disabled,
   disableAutocomplete,
+  infoLink,
 }: NetworkInputProps) => {
   return (
     <Input
@@ -435,6 +439,7 @@ const NetworkInput = ({
       copyButton={{
         position: "right",
       }}
+      infoLink={infoLink}
       {...(disableAutocomplete ? { autoComplete: "off" } : {})}
     />
   );