Update frontend/src/pages/AdminClasses.jsx

frontend/src/pages/AdminClasses.jsx

@@ -18,7 +18,7 @@ import api from "../api/client";
 import UserMenu from "../components/UserMenu";
 import ClassForm from "../components/admin/ClassForm";
 import ClassesTable from "../components/admin/ClassesTable";
-import ClassEnrollments from "../components/admin/ClassEnrollments";
+import ClassStudentManager from "../components/admin/ClassStudentManager";
 import dojoLogo from "../assets/dojo-logo.png";
 
 export default function AdminClasses() {
@@ -27,7 +27,7 @@ export default function AdminClasses() {
 
   const [showForm, setShowForm] = useState(false);
   const [editingClass, setEditingClass] = useState(null);
-  const [selectedClass, setSelectedClass] = useState(null); // for future enrollments
+  const [managingClass, setManagingClass] = useState(null);
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
   const [error, setError] = useState("");
 
@@ -326,16 +326,16 @@ export default function AdminClasses() {
                   isLoading={classesLoading}
                   onEdit={handleEditClass}
                   onDelete={handleDeleteClass}
-                  onManageStudents={setSelectedClass}
+                  onManageStudents={setManagingClass}
                 />
               </div>
             </div>
 
-            {/* ClassEnrollments modal */}
-            {selectedClass && (
-              <ClassEnrollments
-                classData={selectedClass}
-                onClose={() => setSelectedClass(null)}
+            {/* Student Manager (inline when a class is selected) */}
+            {managingClass && (
+              <ClassStudentManager
+                classData={managingClass}
+                onClose={() => setManagingClass(null)}
               />
             )}
           </main>