moving v2 to top level

src/app/course/[courseName]/lecture/[lectureDay]/LectureButtons.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import Modal, { useModal } from "@/components/Modal";
+import { Spinner } from "@/components/Spinner";
+import { getCourseUrl } from "@/services/urlUtils";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { useCourseContext } from "../../context/courseContext";
+import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
+import { useDeleteLectureMutation } from "@/hooks/localCourse/lectureHooks";
+import Link from "next/link";
+
+export default function LectureButtons({ lectureDay }: { lectureDay: string }) {
+  const { courseName } = useCourseContext();
+  const [settings] = useLocalCourseSettingsQuery();
+  const router = useRouter();
+  const [isLoading, setIsLoading] = useState(false);
+  const modal = useModal();
+  const deleteLecture = useDeleteLectureMutation();
+
+  return (
+    <div className="p-5 flex flex-row justify-end gap-3">
+      <div>
+        <Modal
+          modalControl={modal}
+          buttonText="Delete Lecture"
+          buttonClass="btn-danger"
+          modalWidth="w-1/5"
+        >
+          {({ closeModal }) => (
+            <div>
+              <div className="text-center">
+                Are you sure you want to delete this lecture?
+              </div>
+              <br />
+              <div className="flex justify-around gap-3">
+                <button
+                  onClick={async () => {
+                    setIsLoading(true);
+                    router.push(getCourseUrl(courseName));
+                    await deleteLecture.mutateAsync({
+                      courseName,
+                      settings,
+                      lectureDay,
+                    });
+                  }}
+                  disabled={isLoading}
+                  className="btn-danger"
+                >
+                  Yes
+                </button>
+                <button onClick={closeModal} disabled={isLoading}>
+                  No
+                </button>
+              </div>
+              {isLoading && <Spinner />}
+            </div>
+          )}
+        </Modal>
+      </div>
+      <Link className="btn" href={getCourseUrl(courseName)} shallow={true}>
+        Go Back
+      </Link>
+      {isLoading && <Spinner />}
+    </div>
+  );
+}