course: finish actions menu

Author: williamstein

src/packages/frontend/course/configuration/actions-panel.tsx

@@ -5,121 +5,30 @@
 
 import { Button, Card, Row, Col, Space } from "antd";
 // React libraries and Components
-import {
-  React,
-  Rendered,
-  useActions,
-  useStore,
-} from "@cocalc/frontend/app-framework";
+import { React, useActions, useStore } from "@cocalc/frontend/app-framework";
 import { plural } from "@cocalc/util/misc";
 import { Icon } from "@cocalc/frontend/components";
 import { CourseActions } from "../actions";
 import type { ProjectMap } from "@cocalc/frontend/todo-types";
-import { CourseSettingsRecord, CourseStore } from "../store";
+import { CourseStore } from "../store";
 import { DeleteAllStudentProjects } from "./delete-all-student-projects";
 import { DeleteAllStudents } from "./delete-all-students";
-import { DeleteSharedProjectPanel } from "../shared-project/delete-shared-project";
 import { TerminalCommandPanel } from "./terminal-command";
 import { StudentProjectsStartStopPanel } from "./start-stop-panel";
 import EmptyTrash from "./empty-trash";
 import { RESEND_INVITE_INTERVAL_DAYS } from "@cocalc/util/consts/invites";
 
 interface Props {
   name: string;
-  settings: CourseSettingsRecord;
   project_map: ProjectMap;
   configuring_projects?: boolean;
   reinviting_students?: boolean;
 }
 
 export const ActionsPanel: React.FC<Props> = React.memo(
-  ({
-    name,
-    settings,
-    project_map,
-    configuring_projects,
-    reinviting_students,
-  }) => {
+  ({ name, project_map, configuring_projects, reinviting_students }) => {
     const actions = useActions<CourseActions>({ name });
 
-    function render_resend_outstanding_email_invites(): Rendered {
-      return (
-        <Card
-          title={
-            <>
-              <Icon name="envelope" /> Resend Outstanding Email Invites
-            </>
-          }
-        >
-          Send another email to every student who didn't sign up yet. This sends
-          a maximum of one email every {RESEND_INVITE_INTERVAL_DAYS}{" "}
-          {plural(RESEND_INVITE_INTERVAL_DAYS, "day")}.
-          <hr />
-          <Button
-            disabled={reinviting_students}
-            onClick={() => {
-              actions.student_projects.reinvite_oustanding_students();
-            }}
-          >
-            {reinviting_students ? <Icon name="cocalc-ring" spin /> : undefined}{" "}
-            Reinvite students
-          </Button>
-        </Card>
-      );
-    }
-
-    function render_push_missing_handouts_and_assignments(): Rendered {
-      return (
-        <Card
-          title={
-            <>
-              <Icon name="share-square" /> Copy Missing Handouts and Assignments
-            </>
-          }
-        >
-          If you <b>add new students</b> to your course, you can click this
-          button to ensure they have all the assignments and handouts that you
-          have already assigned to other students in the course.
-          <hr />
-          <Button
-            onClick={() => {
-              actions.configuration.push_missing_handouts_and_assignments();
-            }}
-          >
-            <Icon name="share-square" /> Copy Missing Handouts and Assignments
-          </Button>
-        </Card>
-      );
-    }
-
-    function render_delete_shared_project() {
-      if (settings.get("shared_project_id")) {
-        return (
-          <DeleteSharedProjectPanel
-            delete={() => actions.shared_project.delete()}
-          />
-        );
-      }
-    }
-
-    function render_delete_student_projects() {
-      return (
-        <DeleteAllStudentProjects
-          deleteAllStudentProjects={
-            actions.student_projects.deleteAllStudentProjects
-          }
-        />
-      );
-    }
-
-    function render_delete_all_students() {
-      return (
-        <DeleteAllStudents
-          deleteAllStudents={actions.students.deleteAllStudents}
-        />
-      );
-    }
-
     return (
       <div className="smc-vfill" style={{ overflowY: "scroll" }}>
         <Row>
@@ -136,17 +45,18 @@ export const ActionsPanel: React.FC<Props> = React.memo(
               actions={actions}
             />
             <br />
-            {render_resend_outstanding_email_invites()}
+            <ResendInvites
+              actions={actions}
+              reinviting_students={reinviting_students}
+            />
             <br />
-            {render_push_missing_handouts_and_assignments()}
+            <CopyMissingHandoutsAndAssignments actions={actions} />
             <br />
             <EmptyTrash />
             <br />
-            {render_delete_student_projects()}
+            <DeleteAllStudentProjects actions={actions} />
             <br />
-            {render_delete_all_students()}
-            <br />
-            {render_delete_shared_project()}
+            <DeleteAllStudents actions={actions} />
           </Col>
         </Row>
       </div>
@@ -252,3 +162,59 @@ export function ReconfigureAllProjects({
     </Card>
   );
 }
+
+export function ResendInvites({
+  actions,
+  reinviting_students,
+}: {
+  actions;
+  reinviting_students?;
+}) {
+  return (
+    <Card
+      title={
+        <>
+          <Icon name="envelope" /> Resend Outstanding Email Invites
+        </>
+      }
+    >
+      Send another email to every student who didn't sign up yet. This sends a
+      maximum of one email every {RESEND_INVITE_INTERVAL_DAYS}{" "}
+      {plural(RESEND_INVITE_INTERVAL_DAYS, "day")}.
+      <hr />
+      <Button
+        disabled={reinviting_students}
+        onClick={() => {
+          actions.student_projects.reinvite_oustanding_students();
+        }}
+      >
+        {reinviting_students ? <Icon name="cocalc-ring" spin /> : undefined}{" "}
+        Reinvite students
+      </Button>
+    </Card>
+  );
+}
+
+export function CopyMissingHandoutsAndAssignments({ actions }) {
+  return (
+    <Card
+      title={
+        <>
+          <Icon name="share-square" /> Copy Missing Handouts and Assignments
+        </>
+      }
+    >
+      If you <b>add new students</b> to your course, you can click this button
+      to ensure they have all the assignments and handouts that you have already
+      assigned to other students in the course.
+      <hr />
+      <Button
+        onClick={() => {
+          actions.configuration.push_missing_handouts_and_assignments();
+        }}
+      >
+        <Icon name="share-square" /> Copy Missing Handouts and Assignments
+      </Button>
+    </Card>
+  );
+}

src/packages/frontend/course/configuration/delete-all-student-projects.tsx

@@ -6,11 +6,7 @@
 import { Icon } from "../../components";
 import { Button, Card, Popconfirm } from "antd";
 
-interface Props {
-  deleteAllStudentProjects: () => void;
-}
-
-export function DeleteAllStudentProjects({ deleteAllStudentProjects }: Props) {
+export function DeleteAllStudentProjects({ actions }) {
   return (
     <Card
       title={
@@ -28,7 +24,7 @@ export function DeleteAllStudentProjects({ deleteAllStudentProjects }: Props) {
             be removed from the deleted projects immediately.
           </div>
         }
-        onConfirm={deleteAllStudentProjects}
+        onConfirm={() => actions.student_projects.deleteAllStudentProjects()}
         okText={"YES, DELETE all Student Projects"}
       >
         <Button danger>

src/packages/frontend/course/configuration/delete-all-students.tsx

@@ -6,11 +6,7 @@
 import { Button, Card, Popconfirm } from "antd";
 import { Icon } from "../../components";
 
-interface Props {
-  deleteAllStudents: () => void;
-}
-
-export function DeleteAllStudents({ deleteAllStudents }: Props) {
+export function DeleteAllStudents({ actions }) {
   return (
     <Card
       title={
@@ -21,7 +17,7 @@ export function DeleteAllStudents({ deleteAllStudents }: Props) {
     >
       <Popconfirm
         title="All students will be deleted and upgrades removed from their projects."
-        onConfirm={deleteAllStudents}
+        onConfirm={() => actions.students.deleteAllStudents()}
         okText={"YES, DELETE all Students"}
       >
         <Button danger>

src/packages/frontend/course/modals.tsx

@@ -7,9 +7,16 @@ import {
   ReconfigureAllProjects,
   StartAllProjects,
   ExportGrades,
+  ResendInvites,
+  CopyMissingHandoutsAndAssignments,
 } from "@cocalc/frontend/course/configuration/actions-panel";
 import type { ProjectMap } from "@cocalc/frontend/todo-types";
 import { TerminalCommandPanel } from "@cocalc/frontend/course/configuration/terminal-command";
+import EmptyTrash from "@cocalc/frontend/course/configuration/empty-trash";
+import { DeleteAllStudentProjects } from "@cocalc/frontend/course/configuration//delete-all-student-projects";
+import { DeleteAllStudents } from "@cocalc/frontend/course/configuration//delete-all-students";
+import { DeleteSharedProjectPanel } from "@cocalc/frontend/course/shared-project/delete-shared-project";
+import { SharedProjectPanel } from "@cocalc/frontend/course/shared-project/shared-project-panel";
 
 interface Props {
   frameActions;
@@ -22,6 +29,8 @@ interface Props {
   project_id;
   configuring_projects?: boolean;
   reinviting_students?: boolean;
+  settings;
+  redux;
 }
 
 export default function Modals(props: Props) {
@@ -83,6 +92,27 @@ function getModal(modal: string) {
     case "export-grades":
       return { Body: ExportGrades };
 
+    case "resend-invites":
+      return { Body: ResendInvites };
+
+    case "copy-missing-handouts-and-assignments":
+      return { Body: CopyMissingHandoutsAndAssignments };
+
+    case "empty-trash":
+      return { Body: EmptyTrash };
+
+    case "delete-student-projects":
+      return { Body: DeleteAllStudentProjects };
+
+    case "delete-students":
+      return { Body: DeleteAllStudents };
+
+    case "delete-shared-project":
+      return { Body: DeleteSharedProjectPanel };
+
+    case "create-shared-project":
+      return { Body: SharedProjectPanel };
+
     default:
       return {
         Body: () => (

src/packages/frontend/course/shared-project/delete-shared-project.tsx

@@ -6,19 +6,18 @@
 import { Popconfirm, Button, Card } from "antd";
 import { Icon } from "@cocalc/frontend/components";
 
-interface Props {
-  delete: () => void;
-}
-
-export function DeleteSharedProjectPanel(props: Props) {
+export function DeleteSharedProjectPanel({ actions, settings }) {
+  if (!settings.get("shared_project_id")) {
+    return <Card title={"No Shared Project"}></Card>;
+  }
   return (
     <Card
       title={
         <Popconfirm
           title="Are you sure you want to delete the shared project?"
           okText="Yes"
           cancelText="No"
-          onConfirm={() => props.delete()}
+          onConfirm={() => actions.shared_project.delete()}
         >
           <Button danger>
             <Icon name="trash" /> Delete Shared Project...

src/packages/frontend/course/shared-project/shared-project-panel.tsx

@@ -82,7 +82,8 @@ export const SharedProjectPanel: React.FC<SharedProjectPanelProps> = React.memo(
           </div>
           <hr />
           <DeleteSharedProjectPanel
-            delete={() => actions.shared_project.delete()}
+            settings={settings}
+            actions={actions}
           />
         </div>
       );

src/packages/frontend/frame-editors/course-editor/course-panel-wrapper.tsx

@@ -226,6 +226,8 @@ const CoursePanelWrapper: React.FC<FrameProps> = React.memo(
           project_id={project_id}
           configuring_projects={configuring_projects}
           reinviting_students={reinviting_students}
+          settings={settings}
+          redux={redux}
         />
         {render_panel()}
       </div>