diff --git a/apps/antalmanac/src/components/RightPane/SectionTable/GradesPopup.tsx b/apps/antalmanac/src/components/RightPane/SectionTable/GradesPopup.tsx index 635312abb..b6c0936a5 100644 --- a/apps/antalmanac/src/components/RightPane/SectionTable/GradesPopup.tsx +++ b/apps/antalmanac/src/components/RightPane/SectionTable/GradesPopup.tsx @@ -23,6 +23,10 @@ const styles: Styles = { skeleton: { padding: '4px', }, + graphAnchor: { + cursor: 'pointer', + overflow: 'hidden', + }, }; interface GradesPopupProps { @@ -31,7 +35,6 @@ interface GradesPopupProps { instructor?: string; classes: ClassNameMap; isMobileScreen: boolean; - showLink?: boolean; } interface GradeData { @@ -39,14 +42,7 @@ interface GradeData { all: number; } -const GradesPopup = ({ - deptCode, - courseNumber, - instructor = '', - classes, - isMobileScreen, - showLink = true, -}: GradesPopupProps) => { +const GradesPopup = ({ deptCode, courseNumber, instructor = '', classes, isMobileScreen }: GradesPopupProps) => { const [loading, setLoading] = useState(true); const [graphTitle, setGraphTitle] = useState(null); const [gradeData, setGradeData] = useState(null); @@ -98,27 +94,23 @@ const GradesPopup = ({ return (
{graphTitle}
- {gradeData && ( - - - - - - - - - )} - {showLink && ( -
- - View on Zotistics - -
- )} + + {' '} + {gradeData && ( + + + + + + + + + )} +
); } diff --git a/apps/antalmanac/src/components/RightPane/SectionTable/SectionTableBody.tsx b/apps/antalmanac/src/components/RightPane/SectionTable/SectionTableBody.tsx index 7ed9827e2..59855632f 100644 --- a/apps/antalmanac/src/components/RightPane/SectionTable/SectionTableBody.tsx +++ b/apps/antalmanac/src/components/RightPane/SectionTable/SectionTableBody.tsx @@ -262,9 +262,7 @@ const GPACell = withStyles(styles)((props: GPACellProps) => { deptCode={deptCode} courseNumber={courseNumber} instructor={instructor} - classes={classes} isMobileScreen={useMediaQuery(`(max-width: ${MOBILE_BREAKPOINT}`)} - showLink={false} />