frontend -- implement account customize: disableCollaborators

Author: williamstein

src/packages/frontend/account/types.ts

@@ -36,6 +36,11 @@ export interface AccountState {
   name?: string;
   unlisted?: boolean;
   profile: TypedMap<{ color: string }>;
+  customize?: {
+    disableCollaborators?: boolean;
+    disableAI?: boolean;
+    [key: string]: any;
+  };
   email_address?: string;
   editor_settings: TypedMap<{
     jupyter_classic?: boolean;

src/packages/frontend/collaborators/add-collaborators.tsx

@@ -95,6 +95,9 @@ export const AddCollaborators: React.FC<Props> = ({
   );
   const isFlyout = mode === "flyout";
   const student = useStudentProjectFunctionality(project_id);
+  const accountCustomize = useTypedRedux("account", "customize")?.toJS() as
+    | { disableCollaborators?: boolean }
+    | undefined;
   const user_map = useTypedRedux("users", "user_map");
   const project_map = useTypedRedux("projects", "project_map");
   const project: Project | undefined = useMemo(
@@ -684,7 +687,7 @@ export const AddCollaborators: React.FC<Props> = ({
     );
   }
 
-  if (student.disableCollaborators) {
+  if (student.disableCollaborators || accountCustomize?.disableCollaborators) {
     return <div></div>;
   }
 

src/packages/frontend/project/page/flyouts/collabs.tsx

@@ -10,6 +10,7 @@ import {
   CurrentCollaboratorsPanel,
 } from "@cocalc/frontend/collaborators";
 import { Icon, Loading, Paragraph, Title } from "@cocalc/frontend/components";
+import { Alert } from "antd";
 import { getStudentProjectFunctionality } from "@cocalc/frontend/course";
 import { labels } from "@cocalc/frontend/i18n";
 import { useProject } from "../common";
@@ -26,23 +27,34 @@ export function CollabsFlyout({
 }: CollabsProps): React.JSX.Element {
   const intl = useIntl();
   const user_map = useTypedRedux("users", "user_map");
+  const accountCustomize = useTypedRedux("account", "customize")?.toJS() as
+    | { disableCollaborators?: boolean }
+    | undefined;
   const student = getStudentProjectFunctionality(project_id);
   const { project, group } = useProject(project_id);
+  const disableCollaborators =
+    accountCustomize?.disableCollaborators || student.disableCollaborators;
 
   function renderSettings() {
     if (project == null) {
       return <Loading theme="medium" transparent />;
     }
     return wrap(
       <>
-        <CurrentCollaboratorsPanel
-          key="current-collabs"
-          project={project}
-          user_map={user_map}
-          mode="flyout"
-        />
-        {!student.disableCollaborators && (
+        {disableCollaborators ? (
+          <Alert
+            type="warning"
+            showIcon
+            message="Collaborator configuration is disabled."
+          />
+        ) : (
           <>
+            <CurrentCollaboratorsPanel
+              key="current-collabs"
+              project={project}
+              user_map={user_map}
+              mode="flyout"
+            />
             <br />
             <Title level={3}>
               <Icon name="UserAddOutlined" /> Add New Collaborators

src/packages/frontend/project/page/project-collaborators.tsx

@@ -17,6 +17,7 @@ import {
   SettingBox,
   Title,
 } from "@cocalc/frontend/components";
+import { Alert } from "antd";
 import { getStudentProjectFunctionality } from "@cocalc/frontend/course";
 import { labels } from "@cocalc/frontend/i18n";
 import { useProjectContext } from "@cocalc/frontend/project/context";
@@ -28,28 +29,40 @@ export function ProjectCollaboratorsPage(): React.JSX.Element {
   const intl = useIntl();
   const { project_id } = useProjectContext();
   const user_map = useTypedRedux("users", "user_map");
+  const accountCustomize = useTypedRedux("account", "customize")?.toJS() as
+    | { disableCollaborators?: boolean }
+    | undefined;
   const student = getStudentProjectFunctionality(project_id);
   const { project, group } = useProject(project_id);
+  const disableCollaborators =
+    accountCustomize?.disableCollaborators || student.disableCollaborators;
 
   function renderSettings() {
     if (project == null) {
       return <Loading theme="medium" />;
     }
+    if (disableCollaborators) {
+      return (
+        <Alert
+          type="warning"
+          showIcon
+          message="Collaborator configuration is disabled."
+        />
+      );
+    }
     return (
       <>
         <CurrentCollaboratorsPanel
           key="current-collabs"
           project={project}
           user_map={user_map}
         />
-        {!student.disableCollaborators && (
-          <SettingBox title="Add New Collaborators" icon="UserAddOutlined">
-            <AddCollaborators
-              project_id={project.get("project_id")}
-              where="project-settings"
-            />
-          </SettingBox>
-        )}
+        <SettingBox title="Add New Collaborators" icon="UserAddOutlined">
+          <AddCollaborators
+            project_id={project.get("project_id")}
+            where="project-settings"
+          />
+        </SettingBox>
       </>
     );
   }