From 2ec3d9349e3b211925ac6a488e80b2ba41bb6d24 Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Mon, 22 Sep 2025 10:51:13 -0600
Subject: [PATCH] merge

---
 globalSettings.yml                            |  2 +
 .../settings/AssignmentGroupManagement.tsx    | 51 +++++++++++++++----
 2 files changed, 43 insertions(+), 10 deletions(-)

diff --git a/globalSettings.yml b/globalSettings.yml
index a2decf9..c5ebcb5 100644
--- a/globalSettings.yml
+++ b/globalSettings.yml
@@ -19,3 +19,5 @@ courses:
     name: Jonathan UX
   - path: ./1400/2025_spring_alex/modules/
     name: 1400-spring
+  - path: ./1420/2024-fall/Modules/
+    name: 1420_old
diff --git a/src/app/course/[courseName]/settings/AssignmentGroupManagement.tsx b/src/app/course/[courseName]/settings/AssignmentGroupManagement.tsx
index 4985228..d11171b 100644
--- a/src/app/course/[courseName]/settings/AssignmentGroupManagement.tsx
+++ b/src/app/course/[courseName]/settings/AssignmentGroupManagement.tsx
@@ -12,11 +12,13 @@ import { Spinner } from "@/components/Spinner";
 import MeatballIcon from "./MeatballIcon";
 import { useSetAssignmentGroupsMutation } from "@/features/canvas/hooks/canvasCourseHooks";
 import { baseCanvasUrl } from "@/features/canvas/services/canvasServiceUtils";
+import Modal, { useModal } from "@/components/Modal";
 
 export default function AssignmentGroupManagement() {
   const { data: settings, isPending } = useLocalCourseSettingsQuery();
   const updateSettings = useUpdateLocalCourseSettingsMutation();
   const applyInCanvas = useSetAssignmentGroupsMutation(settings.canvasId);
+  const modal = useModal();
 
   const [assignmentGroups, setAssignmentGroups] = useState<
     LocalAssignmentGroup[]
@@ -104,17 +106,46 @@ export default function AssignmentGroupManagement() {
       </div>
       <br />
       <div className="flex justify-end">
-        <button
-          onClick={async () => {
-            const newSettings = await applyInCanvas.mutateAsync(settings);
-
-            // prevent debounce from resetting
-            if (newSettings) setAssignmentGroups(newSettings.assignmentGroups);
-          }}
-          disabled={applyInCanvas.isPending}
+        <Modal
+          modalControl={modal}
+          buttonText="Update Assignment Groups In Canvas"
+          buttonClass="btn-"
+          modalWidth="w-1/5"
         >
-          Update Assignment Groups In Canvas
-        </button>
+          {({ closeModal }) => (
+            <div>
+              <div className="text-center font-bold">
+                DANGER: updating assignment groups can delete assignments and grades from canvas.
+              </div>
+              <div className="text-center">
+                This is only recommended to do at the beginning of a semester. Are you sure you want to continue?
+              </div>
+              <br />
+              <div className="flex justify-around gap-3">
+                <button
+                  onClick={async () => {
+                    const newSettings = await applyInCanvas.mutateAsync(
+                      settings
+                    );
+
+                    // prevent debounce from resetting
+                    if (newSettings)
+                      setAssignmentGroups(newSettings.assignmentGroups);
+                  }}
+                  disabled={applyInCanvas.isPending}
+                  className="btn-danger"
+                >
+                  Yes
+                </button>
+                <button onClick={closeModal} disabled={applyInCanvas.isPending}>
+                  No
+                </button>
+              </div>
+              {applyInCanvas.isPending && <Spinner />}
+            </div>
+          )}
+        </Modal>
+      
       </div>
       {applyInCanvas.isPending && <Spinner />}
       {applyInCanvas.isSuccess && (