Browse Source

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 <[email protected]>
Will Norris 2 years ago
parent
commit
03e780e9af
1 changed files with 3 additions and 1 deletions
  1. 3 1
      client/web/src/components/exit-node-selector.tsx

+ 3 - 1
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>