From 03e780e9af99cd73ac5414cc586a685ef59d945e Mon Sep 17 00:00:00 2001
From: Will Norris <will@tailscale.com>
Date: Tue, 14 Nov 2023 14:02:10 -0800
Subject: [PATCH] client/web: disable the "disable" button when disabled

We currently disable the exit-node drop down selector when the user is
in read-only mode, but we missed disabling the "Disable" button also.
Previously, it would display an error when clicked.

Updates tailscale/corp#14335

Signed-off-by: Will Norris <will@tailscale.com>
---
 client/web/src/components/exit-node-selector.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/web/src/components/exit-node-selector.tsx b/client/web/src/components/exit-node-selector.tsx
index 4c6e20662..2bab376f3 100644
--- a/client/web/src/components/exit-node-selector.tsx
+++ b/client/web/src/components/exit-node-selector.tsx
@@ -115,15 +115,17 @@ export default function ExitNodeSelector({
         </button>
         {(advertising || using) && (
           <button
-            className={cx("px-3 py-2 rounded-sm text-white cursor-pointer", {
+            className={cx("px-3 py-2 rounded-sm text-white", {
               "bg-orange-400": advertising,
               "bg-indigo-400": using,
+              "cursor-not-allowed": disabled,
             })}
             onClick={(e) => {
               e.preventDefault()
               e.stopPropagation()
               handleSelect(noExitNode)
             }}
+            disabled={disabled}
           >
             Disable
           </button>