Update wording for exit nodes

netbirdio · Apr 19, 2024 · 9210c76 · 9210c76
1 parent 60d7cea
commit 9210c76
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 28 deletions.
diff --git a/src/modules/exit-node/ExitNodeHelpTooltip.tsx b/src/modules/exit-node/ExitNodeHelpTooltip.tsx
@@ -12,30 +12,36 @@ export const ExitNodeHelpTooltip = ({
   hoverButton = false,
 }: Props) => {
   return (
-    <FullTooltip
-      hoverButton={hoverButton}
-      content={
-        <div className={"text-xs max-w-xs"}>
-          An exit node is a network route that routes all your internet traffic
-          through one of your peers.
-          <div className={"mt-2"}>
-            Learn more about{" "}
-            <InlineLink
-              href={
-                "https://docs.netbird.io/how-to/configuring-default-routes-for-internet-traffic"
-              }
-              target={"_blank"}
-              className={"mr-1"}
-            >
-              Exit Nodes
-              <ExternalLinkIcon size={10} />
-            </InlineLink>
-            in our documentation.
-          </div>
-        </div>
-      }
+    <div
+      onClick={(e) => {
+        e.stopPropagation();
+      }}
     >
-      {children}
-    </FullTooltip>
+      <FullTooltip
+        hoverButton={hoverButton}
+        content={
+          <div className={"text-xs max-w-xs"}>
+            An exit node is a network route that routes all your internet
+            traffic through one of your peers.
+            <div className={"mt-2"}>
+              Learn more about{" "}
+              <InlineLink
+                href={
+                  "https://docs.netbird.io/how-to/configuring-default-routes-for-internet-traffic"
+                }
+                target={"_blank"}
+                className={"mr-1"}
+              >
+                Exit Nodes
+                <ExternalLinkIcon size={10} />
+              </InlineLink>
+              in our documentation.
+            </div>
+          </div>
+        }
+      >
+        {children}
+      </FullTooltip>
+    </div>
   );
 };
diff --git a/src/modules/exit-node/ExitNodePeerIndicator.tsx b/src/modules/exit-node/ExitNodePeerIndicator.tsx
@@ -14,7 +14,7 @@ export const ExitNodePeerIndicator = ({ peer }: Props) => {
     <FullTooltip
       content={
         <div className={"text-xs max-w-xs"}>
-          This peer has an exit node. Traffic from the configured distribution
+          This peer is an exit node. Traffic from the configured distribution
           groups will be routed through this peer.
         </div>
       }

diff --git a/src/modules/routes/RouteModal.tsx b/src/modules/routes/RouteModal.tsx
@@ -317,7 +317,7 @@ export function RouteModalContent({
                   <div>
                     <HelpText>
                       Assign a single peer as a routing peer for the
-                      {exitNode ? " Exit Node" : " Network CIDR"}
+                      {exitNode ? " exit node." : " Network CIDR."}
                     </HelpText>
                     <PeerSelector
                       onChange={setRoutingPeer}
@@ -329,8 +329,8 @@ export function RouteModalContent({
                 <SegmentedTabs.Content value={"peer-group"}>
                   <div>
                     <HelpText>
-                      Assign peer group with Linux machines to be used as
-                      routing peers.
+                      Assign a peer group with Linux machines to be used as
+                      {exitNode ? " exit nodes." : "routing peers."}
                     </HelpText>
                     <PeerGroupSelector
                       max={1}