From e756baa0c4a18bf850772d1c95986e2aa5e3c571 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Thu, 2 Nov 2023 16:39:46 -0300
Subject: [PATCH] refactor(site): simplify proxy menu (#10496)

---
 site/src/components/Dashboard/Navbar/NavbarView.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/site/src/components/Dashboard/Navbar/NavbarView.tsx b/site/src/components/Dashboard/Navbar/NavbarView.tsx
index ae46a3f403..ba3735a1b0 100644
--- a/site/src/components/Dashboard/Navbar/NavbarView.tsx
+++ b/site/src/components/Dashboard/Navbar/NavbarView.tsx
@@ -304,9 +304,9 @@ const ProxyMenu: FC<{ proxyContextValue: ProxyContextValue }> = ({
   if (isLoading) {
     return (
       <Skeleton
-        width="160px"
+        width="110px"
         height={BUTTON_SM_HEIGHT}
-        sx={{ borderRadius: "4px", transform: "none" }}
+        sx={{ borderRadius: "9999px", transform: "none" }}
       />
     );
   }
@@ -319,13 +319,13 @@ const ProxyMenu: FC<{ proxyContextValue: ProxyContextValue }> = ({
         size="small"
         endIcon={<KeyboardArrowDownOutlined />}
         sx={{
-          borderRadius: "4px",
+          borderRadius: "999px",
           "& .MuiSvgIcon-root": { fontSize: 14 },
         }}
       >
         {selectedProxy ? (
-          <Box display="flex" gap={2} alignItems="center">
-            <Box width={14} height={14} lineHeight={0}>
+          <Box display="flex" gap={1} alignItems="center">
+            <Box width={16} height={16} lineHeight={0}>
               <Box
                 component="img"
                 src={selectedProxy.icon_url}
@@ -335,7 +335,6 @@ const ProxyMenu: FC<{ proxyContextValue: ProxyContextValue }> = ({
                 height="100%"
               />
             </Box>
-            {selectedProxy.display_name}
             <ProxyStatusLatency
               latency={latencies?.[selectedProxy.id]?.latencyMS}
               isLoading={proxyLatencyLoading(selectedProxy)}