some papercuts

src/app/course/[courseName]/settings/AllSettings.tsx

@@ -1,9 +1,10 @@
-"use client"
+"use client";
 
 import AssignmentGroupManagement from "./AssignmentGroupManagement";
 import DaysOfWeekSettings from "./DaysOfWeekSettings";
 import DefaultDueTime from "./DefaultDueTime";
 import DefaultFileUploadTypes from "./DefaultFileUploadTypes";
+import GithubClassroomList from "./GithubClassroomList";
 import HolidayConfig from "./HolidayConfig";
 import SettingsHeader from "./SettingsHeader";
 import StartAndEndDate from "./StartAndEndDate";
@@ -15,6 +16,7 @@ export default function AllSettings() {
       <SettingsHeader />
       <DaysOfWeekSettings />
       <StartAndEndDate />
+      <GithubClassroomList />
       <SubmissionDefaults />
       <DefaultFileUploadTypes />
       <DefaultDueTime />

src/app/course/[courseName]/settings/GithubClassroomList.tsx

@@ -0,0 +1,31 @@
+"use client";
+import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
+import { settingsBox } from "./sharedSettings";
+import { useCourseStudentsQuery } from "@/hooks/canvas/canvasCourseHooks";
+import { Spinner } from "@/components/Spinner";
+
+export default function GithubClassroomList() {
+  const [settings] = useLocalCourseSettingsQuery();
+  const enrollmentsQuery = useCourseStudentsQuery(settings.canvasId);
+
+  if (enrollmentsQuery.isLoading)
+    return (
+      <div className={settingsBox}>
+        <Spinner />
+      </div>
+    );
+  return (
+    <div className={settingsBox}>
+      <h5 className="text-center">Github Classroom Friendly Roster</h5>
+      <p className="text-center text-slate-500">
+        Copy and paste this into github classroom to import students
+      </p>
+
+      <pre>
+        <code>
+          {enrollmentsQuery.data?.map((student) => student.email + "\n")}
+        </code>
+      </pre>
+    </div>
+  );
+}