diff --git a/site/src/modules/resources/PortForwardButton.tsx b/site/src/modules/resources/PortForwardButton.tsx index b46f3d2431..555d89f82d 100644 --- a/site/src/modules/resources/PortForwardButton.tsx +++ b/site/src/modules/resources/PortForwardButton.tsx @@ -205,21 +205,15 @@ export const PortForwardPopoverView: FC = ({ const canSharePortsPublic = canSharePorts && template.max_port_share_level === "public"; - const publicMenuItem = ( - <> - {canSharePortsPublic ? ( - Public - ) : ( - - {/* Tooltips don't work directly on disabled MenuItem components so you must wrap in div. */} -
- - Public - -
-
- )} - + const disabledPublicMenuItem = ( + + {/* Tooltips don't work directly on disabled MenuItem components so you must wrap in div. */} +
+ + Public + +
+
); return ( @@ -447,7 +441,11 @@ export const PortForwardPopoverView: FC = ({ Authenticated - {publicMenuItem} + {canSharePortsPublic ? ( + Public + ) : ( + disabledPublicMenuItem + )}