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>
This commit is contained in:
Will Norris 2023-11-14 14:02:10 -08:00 committed by Will Norris
parent 9b537f7c97
commit 03e780e9af

View File

@ -115,15 +115,17 @@ export default function ExitNodeSelector({
</button> </button>
{(advertising || using) && ( {(advertising || using) && (
<button <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-orange-400": advertising,
"bg-indigo-400": using, "bg-indigo-400": using,
"cursor-not-allowed": disabled,
})} })}
onClick={(e) => { onClick={(e) => {
e.preventDefault() e.preventDefault()
e.stopPropagation() e.stopPropagation()
handleSelect(noExitNode) handleSelect(noExitNode)
}} }}
disabled={disabled}
> >
Disable Disable
</button> </button>