fix: update sidebar for roles

jaaydenh · jaaydenh · commit add45fb5fe1a · 2024-08-06T17:45:59.000Z
diff --git a/site/src/api/queries/organizations.ts b/site/src/api/queries/organizations.ts
@@ -177,6 +177,13 @@ export const organizationPermissions = (organizationId: string | undefined) => {
             },
             action: "read",
           },
+          assignOrgRole: {
+            object: {
+              resource_type: "assign_org_role",
+              organization_id: organizationId,
+            },
+            action: "create",
+          },
         },
       }),
   };
diff --git a/site/src/pages/ManagementSettingsPage/SidebarView.tsx b/site/src/pages/ManagementSettingsPage/SidebarView.tsx
@@ -10,6 +10,7 @@ import { Sidebar as BaseSidebar } from "components/Sidebar/Sidebar";
 import { Stack } from "components/Stack/Stack";
 import { UserAvatar } from "components/UserAvatar/UserAvatar";
 import { type ClassName, useClassName } from "hooks/useClassName";
+import { useDashboard } from "modules/dashboard/useDashboard";
 import { linkToAuditing, linkToUsers, withFilter } from "modules/navigation";
 
 interface SidebarProps {
@@ -184,6 +185,8 @@ interface OrganizationSettingsNavigationProps {
 const OrganizationSettingsNavigation: FC<
   OrganizationSettingsNavigationProps
 > = (props) => {
+  const { experiments } = useDashboard();
+
   return (
     <>
       <SidebarNavItem
@@ -225,6 +228,14 @@ const OrganizationSettingsNavigation: FC<
               Groups
             </SidebarNavSubItem>
           )}
+          {props.permissions.assignOrgRole &&
+            experiments.includes("custom-roles") && (
+              <SidebarNavSubItem
+                href={urlForSubpage(props.organization.name, "roles")}
+              >
+                Roles
+              </SidebarNavSubItem>
+            )}
           {/* For now redirect to the site-wide audit page with the organization
               pre-filled into the filter.  Based on user feedback we might want
               to serve a copy of the audit page or even delete this link. */}
