All files / components/PersonalSections PersonalSectionsTable.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
 
 
 
 
 
 
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5x
 
 
 
 
5x
 
 
 
 
 
 
 
 
5x
 
 
 
 
5x
 
 
 
 
 
6x
 
6x
 
6x
 
 
 
 
 
import React from "react";
import OurTable from "main/components/OurTable";
import { convertToFraction, formatInstructors, formatLocation, formatTime} from "main/utils/sectionUtils.js";
 
 
export default function PersonalSectionsTable({ personalSections }) {
 
    const columns = [
        {
            Header: 'Course ID',
            accessor: 'courseId',
        },
        {
            Header: 'Enroll Code',
            accessor: 'classSections[0].enrollCode',
        },
        {
            Header: 'Section',
            accessor: 'classSections[0].section',
        },
        {
            Header: 'Title',
            accessor: 'title',
        },
        {
            Header: 'Enrolled',
            accessor: (row) => convertToFraction(row.classSections[0].enrolledTotal, row.classSections[0].maxEnroll),
            id: 'enrolled',
        },
        {
            Header: 'Location',
            accessor: (row) => formatLocation(row.classSections[0].timeLocations),
            id: 'location',
        },
        {
            Header: 'Days',
            accessor: 'classSections[0].timeLocations[0].days',
        },
        {
            Header: 'Time',
            accessor: (row) => formatTime(row.classSections[0].timeLocations),
            id: 'time',
        },
        {
            Header: 'Instructor',
            accessor: (row) => formatInstructors(row.classSections[0].instructors),
            id: 'instructor',
        }
 
    ];
 
    const testid = "PersonalSectionsTable";
 
    const columnsToDisplay = columns;
 
    return <OurTable
        data={personalSections}
        columns={columnsToDisplay}
        testid={testid}
    />;
}