diff --git a/site/src/components/Navbar/NavbarView.tsx b/site/src/components/Navbar/NavbarView.tsx index cb3d522a84e59..a2ae924fbb039 100644 --- a/site/src/components/Navbar/NavbarView.tsx +++ b/site/src/components/Navbar/NavbarView.tsx @@ -24,11 +24,7 @@ import Skeleton from "@mui/material/Skeleton" import { BUTTON_SM_HEIGHT } from "theme/theme" import { ProxyStatusLatency } from "components/ProxyStatusLatency/ProxyStatusLatency" import { usePermissions } from "hooks/usePermissions" -import { - HelpTooltip, - HelpTooltipText, - HelpTooltipTitle, -} from "components/Tooltips/HelpTooltip" +import Typography from "@mui/material/Typography" export const USERS_LINK = `/users?filter=${encodeURIComponent("status:active")}` @@ -191,7 +187,6 @@ export const NavbarView: FC = ({ const ProxyMenu: FC<{ proxyContextValue: ProxyContextValue }> = ({ proxyContextValue, }) => { - const styles = useStyles() const buttonRef = useRef(null) const [isOpen, setIsOpen] = useState(false) const [refetchDate, setRefetchDate] = useState() @@ -275,33 +270,39 @@ const ProxyMenu: FC<{ proxyContextValue: ProxyContextValue }> = ({ onClose={closeMenu} sx={{ "& .MuiMenu-paper": { py: 1 } }} > - { - // Stop the menu from closing - e.stopPropagation() + -
+ Reduce workspace latency by selecting the region nearest you. - {/* This was always on a newline below the text. This puts it on the same line. - It still doesn't look great, but it is marginally better. */} - - Workspace Proxy Selection - - Only applies to web connections. Local ssh connections will - automatically select the nearest region based on latency. - - -
-
+ + theme.palette.text.secondary, + lineHeight: "inherit", + marginTop: 0.5, + }} + > + * Only applies to web connections. Local ssh connections will + automatically select the nearest region based on latency. + + theme.palette.divider }} /> {proxyContextValue.proxies?.map((proxy) => (