Account dropdown link (dubinc#3789)

Author: marcusljf

apps/web/ui/layout/sidebar/user-dropdown.tsx

@@ -10,10 +10,12 @@ import {
   useCurrentSubdomain,
   User,
 } from "@dub/ui";
+import { Gear } from "@dub/ui/icons";
 import { APP_DOMAIN, cn, PARTNERS_DOMAIN } from "@dub/utils";
 import { LogOut } from "lucide-react";
 import { signOut, useSession } from "next-auth/react";
 import Link from "next/link";
+import { useParams } from "next/navigation";
 import {
   ComponentPropsWithoutRef,
   ElementType,
@@ -26,6 +28,11 @@ export function UserDropdown() {
   const { partner } = usePartnerProfile();
   const [openPopover, setOpenPopover] = useState(false);
   const { subdomain } = useCurrentSubdomain();
+  const { slug: paramsSlug } = useParams() as { slug?: string | string[] };
+
+  const workspaceSlug =
+    (Array.isArray(paramsSlug) ? paramsSlug[0] : paramsSlug) ||
+    session?.user?.["defaultWorkspace"];
 
   const menuOptions = useMemo(() => {
     const options: Array<{
@@ -53,6 +60,15 @@ export function UserDropdown() {
     }
 
     if (subdomain === "app") {
+      if (workspaceSlug) {
+        options.push({
+          label: "Workspace settings",
+          icon: Gear,
+          href: `/${workspaceSlug}/settings`,
+          onClick: () => setOpenPopover(false),
+        });
+      }
+
       options.push({
         label: "Refer and earn",
         icon: Gift,
@@ -82,7 +98,7 @@ export function UserDropdown() {
     });
 
     return options;
-  }, [subdomain, partner, setOpenPopover]);
+  }, [subdomain, partner, workspaceSlug, setOpenPopover]);
 
   return (
     <Popover