All files / pages CoursesShowPage.js

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
 
 
 
 
 
 
 
 
21x
21x
 
 
21x
 
 
 
 
 
 
 
 
 
 
 
 
21x
10x
 
 
11x
 
 
21x
 
 
 
 
 
 
 
 
import React from 'react';
import { useParams } from 'react-router-dom';
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import CoursesTable from 'main/components/Courses/CoursesTable';
import { useBackend } from 'main/utils/useBackend';
import { useCurrentUser } from 'main/utils/currentUser';
 
export default function CoursesShowPage() {
    let { id } = useParams();
    const { data: currentUser } = useCurrentUser();
 
    const { data: courses, error: _error, status: _status } =
        useBackend(
            // Stryker disable next-line all : don't test internal caching of React Query
            [`/api/courses?id=${id}`],
 
            { // Stryker disable next-line all : GET is the default
                method: "GET", url: "/api/courses/get",
                params: {
                    id
                },
            },
    []
        );
    let allowed;
        if(courses.length !== 0){
            allowed = [courses]
        }
        else{
            allowed = courses;
        }
 
    return (
        <BasicLayout>
            <div className="pt-2">
                <h1>Individual Course Details</h1>
                <CoursesTable courses={allowed} currentUser={currentUser} />
            </div>
        </BasicLayout>
    );
}