fix: get org id for permission check on template layout

jaaydenh · jaaydenh · commit 0b1326966935 · 2025-04-03T14:44:59.000Z
diff --git a/site/src/pages/TemplatePage/TemplateLayout.tsx b/site/src/pages/TemplatePage/TemplateLayout.tsx
@@ -6,6 +6,7 @@ import { Loader } from "components/Loader/Loader";
 import { Margins } from "components/Margins/Margins";
 import { TabLink, Tabs, TabsList } from "components/Tabs/Tabs";
 import { useAuthenticated } from "contexts/auth/RequireAuth";
+import { useDashboard } from "modules/dashboard/useDashboard";
 import { workspacePermissionChecks } from "modules/permissions/workspaces";
 import {
 	type FC,
@@ -77,15 +78,18 @@ export const TemplateLayout: FC<PropsWithChildren> = ({
 	const { user: me } = useAuthenticated();
 	const { organization: organizationName = "default", template: templateName } =
 		useParams() as { organization?: string; template: string };
+	const { organizations } = useDashboard();
+	const organization = organizations.find((o) => o.name === organizationName);
 	const { data, error, isLoading } = useQuery({
 		queryKey: ["template", templateName],
 		queryFn: () => fetchTemplate(organizationName, templateName),
 	});
-	const workspacePermissionsQuery = useQuery(
-		checkAuthorization({
-			checks: workspacePermissionChecks(organizationName, me.id),
+	const workspacePermissionsQuery = useQuery({
+		...checkAuthorization({
+			checks: workspacePermissionChecks(organization?.id ?? "", me.id),
 		}),
-	);
+		enabled: organization !== undefined,
+	});
 
 	const location = useLocation();
 	const paths = location.pathname.split("/");
