Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | 37x 37x 36x 36x 36x |
import React from 'react';
import { useParams } from 'react-router-dom';
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import ShowTable from 'main/components/Courses/ShowTable';
import StudentTable from 'main/components/Student/StudentTable';
import { useBackend } from 'main/utils/useBackend';
import { useCurrentUser } from 'main/utils/currentUser';
export default function CoursesShowPage() {
let { id, courseId } = useParams();
const { data: currentUser } = useCurrentUser();
const { data: courses, error: _error, status: _status } =
// Stryker disable all
useBackend(
[],
{
method: "GET", url: "/api/courses/get",
params: {
id
},
},
[]
);
// Stryker restore all
const { data: students, error: _errors, status: _statuses } =
// Stryker disable all
useBackend(
[`/api/students/all?courseId=${courseId}`],
{
method: "GET", url: "/api/students/all",
params: {
courseId: id
},
},
[]
);
// Stryker restore all
return (
<BasicLayout>
<div className="pt-2">
<h1>Individual Course Information</h1>
<ShowTable courses={[courses]} currentUser={currentUser} />
<br></br>
<p>As an admin or instructor, you can navigate from the main courses page to a specific page for each course. This allows you to see a page dedicated to your specific course, which includes functionalities such as uploading the student roster, adding students or staff, and other course-related tasks. </p>
<br></br>
{/* Course Roster Upload Link */}
<p>
<strong>Course Roster:</strong>
<p>Upload Roster</p>
</p>
{/* Staff Roster */}
<p>
<strong>Staff Roster:</strong>
<p>View Staff</p>
</p>
{/* Student Roster */}
<p>
<strong>Student Roster:</strong>
<p>View Students</p>
<StudentTable students={students}/>
</p>
</div>
</BasicLayout>
);
}
|