From 835bedb5a8449b038ddcf3e965298ac2655c53b9 Mon Sep 17 00:00:00 2001
From: Brett Kolodny <brett.kolodny@coder.com>
Date: Fri, 21 Feb 2025 20:47:16 +0000
Subject: [PATCH] fix: redirect users to workspaces if they don't have the
 create permission

---
 .../CreateOrganizationPage.tsx                | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/site/src/pages/OrganizationSettingsPage/CreateOrganizationPage.tsx b/site/src/pages/OrganizationSettingsPage/CreateOrganizationPage.tsx
index d685028d98256..cecfae677f4b9 100644
--- a/site/src/pages/OrganizationSettingsPage/CreateOrganizationPage.tsx
+++ b/site/src/pages/OrganizationSettingsPage/CreateOrganizationPage.tsx
@@ -1,5 +1,7 @@
 import { createOrganization } from "api/queries/organizations";
 import { displaySuccess } from "components/GlobalSnackbar/utils";
+import { useAuthenticated } from "contexts/auth/RequireAuth";
+import { RequirePermission } from "contexts/auth/RequirePermission";
 import { useFeatureVisibility } from "modules/dashboard/useFeatureVisibility";
 import type { FC } from "react";
 import { useMutation, useQueryClient } from "react-query";
@@ -9,6 +11,7 @@ import { CreateOrganizationPageView } from "./CreateOrganizationPageView";
 const CreateOrganizationPage: FC = () => {
 	const navigate = useNavigate();
 	const feats = useFeatureVisibility();
+	const { permissions } = useAuthenticated();
 
 	const queryClient = useQueryClient();
 	const createOrganizationMutation = useMutation(
@@ -19,15 +22,17 @@ const CreateOrganizationPage: FC = () => {
 
 	return (
 		<main className="py-7">
-			<CreateOrganizationPageView
-				error={error}
-				isEntitled={feats.multiple_organizations}
-				onSubmit={async (values) => {
-					await createOrganizationMutation.mutateAsync(values);
-					displaySuccess("Organization created.");
-					navigate(`/organizations/${values.name}`);
-				}}
-			/>
+			<RequirePermission isFeatureVisible={permissions.createOrganization}>
+				<CreateOrganizationPageView
+					error={error}
+					isEntitled={feats.multiple_organizations}
+					onSubmit={async (values) => {
+						await createOrganizationMutation.mutateAsync(values);
+						displaySuccess("Organization created.");
+						navigate(`/organizations/${values.name}`);
+					}}
+				/>
+			</RequirePermission>
 		</main>
 	);
 };