Squashed commit of the following:

commit c46e4a51c9 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Mon Feb 19 21:37:46 2024 -0600 change from reducer pattern to state variables, remove chartData from state commit 36bcdd2522 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Mon Feb 19 21:15:41 2024 -0600 change grade distribution colors to match updated figma commit 11a50df88d Merge: c16b301 b4c96a9 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Mon Feb 19 17:57:13 2024 -0600 Merge branch 'hackathon' into abhinavchadaga/course-catalog-popup commit c16b301ff0 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Mon Feb 19 17:47:21 2024 -0600 Kinda complete the handlers commit 1ac1d9095a Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sun Feb 18 17:36:59 2024 -0600 Bunch of renaming commit 925829ad41 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sun Feb 18 17:24:53 2024 -0600 Fix syllabi url Remove unused variable and unnecessary args to url commit f2e5d51eb3 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sun Feb 18 17:24:22 2024 -0600 Add TODO replace current grade colors with a tailwind palette commit 747ee44440 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sun Feb 18 01:26:51 2024 -0600 Minor tweaks change style in header commit ddfe952a32 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sun Feb 18 01:26:38 2024 -0600 Add Grade Distribution Stuff commit c27bf3c390 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sun Feb 18 01:26:13 2024 -0600 Modify story to use proper course info commit 7afdbac1b8 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 16:37:01 2024 -0600 description stuff done commit 1a89432276 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 15:26:32 2024 -0600 Rename CoursePopup Old one to "Old", remove "2" from new one commit 4c2b31e61a Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 15:23:01 2024 -0600 add todo for calendar button commit 11b7a51ded Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 15:22:18 2024 -0600 add course button onclick handlers commit f2dfcec838 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 14:52:38 2024 -0600 some unocss updates commit f9f375514b Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 13:00:46 2024 -0600 Add rmp callback commit 122fc6dbdd Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 13:00:16 2024 -0600 Change test course to 314 commit 19b124b3bd Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 12:19:21 2024 -0600 complete CourseHeaderAndActions Component added course buttons, using proper subcomponents now. commit 2eea01fc74 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 11:22:12 2024 -0600 use chip component in header commit 9cb13c8fd1 Merge: a62b718 9392085 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 11:21:12 2024 -0600 Merge branch 'hackathon' into abhinavchadaga/course-catalog-popup commit a62b718c43 Merge: 43d2675 7b7b858 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 10:57:24 2024 -0600 Merge branch 'hackathon' into abhinavchadaga/course-catalog-popup commit 43d2675be5 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Sat Feb 17 10:54:49 2024 -0600 some work on course popup update the stories and create the header component commit 31bcef3099 Merge: 874f8d5 fa1d737 Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Wed Feb 14 14:33:16 2024 -0600 Merge branch 'main' into abhinavchadaga/course-catalog-popup pulling from main commit 874f8d56cb Author: Abhinav Chadaga <abhinav.chadaga@utexas.edu> Date: Wed Feb 14 14:30:24 2024 -0600 some work
2024-02-19 22:39:26 -06:00
parent e0212d5109
commit c4a738f281
19 changed files with 458 additions and 4 deletions
--- a/src/views/components/injected/CoursePopupOld/CourseHeader/CourseButtons/CourseButtons.tsx
+++ b/src/views/components/injected/CoursePopupOld/CourseHeader/CourseButtons/CourseButtons.tsx
@@ -0,0 +1,127 @@
+import { background } from '@shared/messages';
+import { Course } from '@shared/types/Course';
+import { UserSchedule } from '@shared/types/UserSchedule';
+import { Button } from '@views/components/common/Button/Button';
+import Card from '@views/components/common/Card/Card';
+import Icon from '@views/components/common/Icon/Icon';
+import Text from '@views/components/common/Text/Text';
+import React from 'react';
+import styles from './CourseButtons.module.scss';
+
+type Props = {
+    activeSchedule?: UserSchedule;
+    course: Course;
+};
+
+const { openNewTab, addCourse, removeCourse } = background;
+
+/**
+ * This component displays the buttons for the course info popup, that allow the user to either
+ * navigate to other pages that are useful for the course, or to do actions on the current course.
+ */
+export default function CourseButtons({ course, activeSchedule }: Props) {
+    const openRateMyProfessorURL = () => {
+        const primaryInstructor = course.instructors?.[0];
+        if (!primaryInstructor) return;
+
+        const name = primaryInstructor.toString({
+            format: 'first_last',
+            case: 'capitalize',
+        });
+
+        const url = new URL('https://www.ratemyprofessors.com/search.jsp');
+        url.searchParams.append('queryBy', 'teacherName');
+        url.searchParams.append('schoolName', 'university of texas at austin');
+        url.searchParams.append('queryoption', 'HEADER');
+        url.searchParams.append('query', name);
+        url.searchParams.append('facetSearch', 'true');
+
+        openNewTab({ url: url.toString() });
+    };
+
+    const openSyllabiURL = () => {
+        const { department, number } = course;
+
+        const { firstName, lastName } = course.instructors?.[0] ?? {};
+
+        const url = new URL('https://utdirect.utexas.edu/apps/student/coursedocs/nlogon/');
+        url.searchParams.append('department', department);
+        url.searchParams.append('course_number', number);
+        url.searchParams.append('instructor_first', firstName ?? '');
+        url.searchParams.append('instructor_last', lastName ?? '');
+        url.searchParams.append('course_type', 'In Residence');
+        url.searchParams.append('search', 'Search');
+
+        openNewTab({ url: url.toString() });
+    };
+
+    const openTextbookURL = () => {
+        const { department, number, semester, uniqueId } = course;
+        const url = new URL('https://www.universitycoop.com/adoption-search-results');
+        url.searchParams.append('sn', `${semester.code}__${department}__${number}__${uniqueId}`);
+
+        openNewTab({ url: url.toString() });
+    };
+
+    const handleSaveCourse = async () => {
+        if (!activeSchedule) return;
+        addCourse({ course, scheduleName: activeSchedule.name });
+    };
+
+    const handleRemoveCourse = async () => {
+        if (!activeSchedule) return;
+        removeCourse({ course, scheduleName: activeSchedule.name });
+    };
+
+    const isCourseSaved = (() => {
+        if (!activeSchedule) return false;
+        return Boolean(activeSchedule.containsCourse(course));
+    })();
+
+    return (
+        <Card className={styles.container}>
+            <Button
+                onClick={openRateMyProfessorURL}
+                disabled={!course.instructors.length}
+                variant='filled'
+                className={styles.button}
+                color='ut-black'
+                title='Search for this professor on RateMyProfessor'
+            >
+                <Text /*    size='medium' weight='regular' */ color='white'>RateMyProf</Text>
+                <Icon className={styles.icon} color='white' name='school' size='medium' />
+            </Button>
+            <Button
+                onClick={openSyllabiURL}
+                variant='filled'
+                className={styles.button}
+                color='ut-black'
+                title='Search for syllabi for this course'
+            >
+                <Text /*    size='medium' weight='regular'  */ color='white'>Syllabi</Text>
+                <Icon className={styles.icon} color='white' name='grading' size='medium' />
+            </Button>
+            <Button
+                onClick={openTextbookURL}
+                variant='filled'
+                className={styles.button}
+                color='ut-black'
+                title='Search for textbooks for this course'
+            >
+                <Text /*   size='medium' weight='regular' color='white'    */>Textbook</Text>
+                <Icon className={styles.icon} color='white' name='collections_bookmark' size='medium' />
+            </Button>
+            <Button
+                disabled={!activeSchedule}
+                onClick={isCourseSaved ? handleRemoveCourse : handleSaveCourse}
+                title={isCourseSaved ? 'Remove this course from your schedule' : 'Add this course to your schedule'}
+                variant='filled'
+                className={styles.button}
+                color='ut-black'
+            >
+                <Text /*   size='medium' weight='regular' color='white'    */>{isCourseSaved ? 'Remove' : 'Add'}</Text>
+                <Icon className={styles.icon} color='white' name={isCourseSaved ? 'remove' : 'add'} size='medium' />
+            </Button>
+        </Card>
+    );
+}