chore: strip ui elements

src/ui/shared/index.ts

@@ -4,7 +4,6 @@ export * from "./external-link";
 export * from "./banner";
 export * from "./form-group";
 export * from "./banner-messages";
-export * from "./help-link";
 export * from "./tokens";
 export * from "./menu-button";
 export * from "./detail-page-section";
@@ -22,11 +21,8 @@ export * from "./alert";
 export * from "./aptible-logo";
 export * from "./application-sidebar";
 export * from "./settings-sidebar";
-export * from "./app-context-menu";
-export * from "./database-context-menu";
 export * from "./endpoints-overview";
 export * from "./progress";
-export * from "./logout-button";
 export * from "./logged-in-banner";
 export * from "./app";
 export * from "./db";

src/ui/shared/user-menu.tsx

@@ -1,38 +1,32 @@
-import { useNavigate } from "react-router";
-
 import { logoutUrl, securitySettingsUrl, sshSettingsUrl } from "@app/routes";
 
 import { useCurrentUser } from "../hooks";
 
 import { tokens } from "./tokens";
-import { Menu, MenuButton, MenuList, MenuItem } from "./menu-button";
+import { Link } from "react-router-dom";
 
 export const UserMenu = () => {
   const { user, isLoading } = useCurrentUser();
-  const navigate = useNavigate();
 
   if (isLoading || !user) {
     return <>Loading...</>;
   }
 
   return (
-    <Menu>
-      <MenuButton>
-        <div className="flex-1">{user.name}</div>
-      </MenuButton>
-      <MenuList>
-        <div className="px-4 py-2">
-          <p className={tokens.type["small semibold darker"]}>{user.name}</p>
-          <p className={tokens.type["small lighter"]}>{user.email}</p>
-        </div>
-        <MenuItem onSelect={() => navigate(sshSettingsUrl())}>
-          SSH Keys
-        </MenuItem>
-        <MenuItem onSelect={() => navigate(securitySettingsUrl())}>
-          Security Settings
-        </MenuItem>
-        <MenuItem onSelect={() => navigate(logoutUrl())}>Logout</MenuItem>
-      </MenuList>
-    </Menu>
+    <div>
+      <div className="px-4 py-2">
+        <p className={tokens.type["small semibold darker"]}>{user.name}</p>
+        <p className={tokens.type["small lighter"]}>{user.email}</p>
+      </div>
+      <div>
+        <Link to={sshSettingsUrl()}>SSH Keys</Link>
+      </div>
+      <div>
+        <Link to={securitySettingsUrl()}>Security Settings</Link>
+      </div>
+      <div>
+        <Link to={logoutUrl()}>Logout</Link>
+      </div>
+    </div>
   );
 };