Skip to main content

Dashboard Components

The page for all Dashboard related components.

Main Components​

Dashboard​

Dashboard

The component displaying the user's current plan course list, plan info, plan management options, and popups.

HandleUserEntryDummy​

Handles user entry and login logic. Does not render anything (not visible on page).

InfoMenu​

Info Menu

Info menu shows degree plan and degree information. Container for Distributions component.

UserSection​

User Section

Top bar containing user greeting and log out button.

Course List Components​

CourseList​

Course List

The container for YearDraggable and YearComponent components. Contains drag and drop logic.

YearComponent​

Year Component

Displays all semesters and courses planned for a year from all semesters (Fall, Winter (Intersession), Spring, Summer). Holds multiple Semester components.

YearDraggable​

The react-beautiful-dnd wrapper for YearComponent. Used to enable drag and drop rearrangement of years in the CourseList component.

YearSettingsDropdown​

Year Settings Dropdown

Settings dropdown menu for year. Used to perform actions such as renaming, changing years, reselecting terms, or deleting a year entirely.

Semester​

Semester

A component representing a single semester, displaying all courses planned for that semester. Contains functionality to add new courses by opening the search popup. Holds multipleCourseComponent components.

CourseComponent​

Course Component

The course card for a single course, displayed under a Semester in a YearComponent in the CourseList. On hover, displays buttons for course info, deletion, prereq overriding, and dragging.

CourseDraggable​

The react-beautiful-dnd wrapper for CourseComponent. Used to enable drag and drop rearrangement of CourseComponent components between different Semester components, even between different years.

OverridePrereqPopup​

Override Prereq Popup

Right Column Components​

ActionBar​

Action Bar

Top bar used for plan management. Used to add, remove, and switch plans. Contains PlanChoose and ShareLinksPopup.

PlanChoose​

Info Menu

Dropdown menu for selecting user plan to display on the dashboard.

ShareLinksPopup​

Info Menu

Popup that displays a sharable link to the current plan. Displayed when the SHARE button on ActionBar is clicked

Distributions​

Info Menu

Container for DistributionBars displaying the current credit fulfilments and degree progression. Displayed conditionally as a child of InfoMenu

DistributionBars​

Info Menu

Displays the current degree progression based on filled credits. Individual requirements are shown using CourseBar components. Has button to open up FineDistribution displays for more detailed information.

CourseBar​

Info Menu

Displays a specific distribution's current progress and description on hover.

FineDistribution​

Info Menu

Component that displays the fine requirements of a specific distribution.

InfoCards​

info

This component has been deprecated

DistributionPopup​

info

This component has been deprecated