From 09923078ca0170ffd2f1a6ae8f13f2986007f28d Mon Sep 17 00:00:00 2001
From: spencerckhuang <shuan126@jh.edu>
Date: Sat, 2 Dec 2023 15:02:00 -0500
Subject: [PATCH 1/4] doc fixes: updated file names in frontend

---
 docs/frontend.rst | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/frontend.rst b/docs/frontend.rst
index cc9aaad1dd..e52aa2bc1d 100644
--- a/docs/frontend.rst
+++ b/docs/frontend.rst
@@ -122,9 +122,9 @@ Modals
 +-------------------------------+--------------------------------------------------+--------------------------+
 | Component File                | Screenshot                                       | Description              |
 +===============================+==================================================+==========================+
-|``course_modal_body.jsx``      | .. image:: components/course_modal_body.png      |                          |
+|``CourseModalBody.tsx``        | .. image:: components/course_modal_body.png      |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``course_modal.jsx``           | .. image:: components/course_modal.png           |                          |
+|``CousreModal.tsx``            | .. image:: components/course_modal.png           |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
 |``AdvancedSearchModal.jsx``    | .. image:: components/exploration_modal.png      |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
@@ -154,7 +154,7 @@ General Components
 +-------------------------------+--------------------------------------------------+--------------------------+
 |``Calendar.tsx``               | .. image:: components/calendar.png               |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``course_modal_section.jsx``   | .. image:: components/course_modal_section.png   |                          |
+|``CourseModalSelection.tsx``   | .. image:: components/course_modal_section.png   |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
 |``CreditTicker.tsx``           | .. image:: components/credit_ticker.png          |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+

From 5b0cff4390f46feff7ea3529ac9bf1d1d7af6cdc Mon Sep 17 00:00:00 2001
From: spencerckhuang <shuan126@jh.edu>
Date: Sat, 2 Dec 2023 15:45:39 -0500
Subject: [PATCH 2/4] docs: more changes from jsx file names to tsx

---
 docs/frontend.rst | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/frontend.rst b/docs/frontend.rst
index e52aa2bc1d..829d59d235 100644
--- a/docs/frontend.rst
+++ b/docs/frontend.rst
@@ -130,19 +130,19 @@ Modals
 +-------------------------------+--------------------------------------------------+--------------------------+
 |``final_exams_modal.jsx``      | .. image:: components/final_exams_modal.png      |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``peer_modal.jsx``             | .. image:: components/peer_modal.png             |                          |
+|``PeerModal.tsx``              | .. image:: components/peer_modal.png             |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
 |``preference_modal.jsx``       | .. image:: components/preference_modal.png       |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``save_calendar_modal.jsx``    | .. image:: components/save_calendar_modal.png    |                          |
+|``SaveCalendarModal.tsx``      | .. image:: components/save_calendar_modal.png    |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``signup_modal.jsx``           | .. image:: components/signup_modal.png           |                          |
+|``SignupModal.tsx``            | .. image:: components/signup_modal.png           |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``tut_modal.jsx``              | .. image:: components/tut_modal.png              |                          |
+|``TutorialModal.tsx``          | .. image:: components/tut_modal.png              |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``user_acquisition_modal.jsx`` | .. image:: components/user_acquisition_modal.png |                          |
+|``UserAquisitionModal.tsx``    | .. image:: components/user_acquisition_modal.png |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``user_settings_modal.jsx``    | .. image:: components/user_settings_modal.png    |                          |
+|``UserSettingsModal.tsx``      | .. image:: components/user_settings_modal.png    |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
 
 General Components
@@ -188,7 +188,7 @@ General Components
 +-------------------------------+--------------------------------------------------+--------------------------+
 |``SlotManager.tsx``            | .. image:: components/slot_manager.png           |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-|``slot.jsx``                   | .. image:: components/slot.png                   |                          |
+|``Slot.tsx``                   | .. image:: components/slot.png                   |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
 |``social_profile.jsx``         | .. image:: components/social_profile.png         |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
@@ -198,7 +198,7 @@ General Components
 +-------------------------------+--------------------------------------------------+--------------------------+
 | ``timetable_loader.jsx``      | .. image:: components/timetable_loader.png       |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
-| ``timetable_name_input.jsx``  | .. image:: components/timetable_name_input.png   |                          |
+| ``TimetableNameInput.tsx``    | .. image:: components/timetable_name_input.png   |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+
 | ``TopBar.tsx``                | .. image:: components/top_bar.png                |                          |
 +-------------------------------+--------------------------------------------------+--------------------------+

From f8616ed420b33e82622fa1bfbc64982507ce8ed9 Mon Sep 17 00:00:00 2001
From: spencerckhuang <shuan126@jh.edu>
Date: Sun, 3 Dec 2023 14:03:29 -0500
Subject: [PATCH 3/4] prereqs: changed course codes to class names and
 increased first column size

---
 static/css/timetable/modules/evaluation.scss  | 2 +-
 static/js/redux/ui/modals/CourseModalBody.tsx | 4 ++--
 static/js/redux/ui/slot_hover_tip.jsx         | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/css/timetable/modules/evaluation.scss b/static/css/timetable/modules/evaluation.scss
index e5cebe6460..08ee43e7b3 100644
--- a/static/css/timetable/modules/evaluation.scss
+++ b/static/css/timetable/modules/evaluation.scss
@@ -132,7 +132,7 @@
   width: 90px;
 }
 
-.col-3-16 {
+.col-4-16 {
   .star-ratings-sprite {
     margin-left: 50%;
     transform: translateX(-50%);
diff --git a/static/js/redux/ui/modals/CourseModalBody.tsx b/static/js/redux/ui/modals/CourseModalBody.tsx
index cd4ad13745..275dc39e72 100644
--- a/static/js/redux/ui/modals/CourseModalBody.tsx
+++ b/static/js/redux/ui/modals/CourseModalBody.tsx
@@ -463,7 +463,7 @@ const CourseModalBody = (props: CourseModalBodyProps) => {
   return (
     <div className="modal-body">
       <div className="cf">
-        <div className="col-3-16">
+        <div className="col-4-16">
           <div className="credits">
             <h3>{numCredits}</h3>
             <h4>{creditsSuffix}</h4>
@@ -507,7 +507,7 @@ const CourseModalBody = (props: CourseModalBodyProps) => {
             <EvaluationList evalInfo={evalInfo} />
           </div>
         </div>
-        <div id="modal-section-lists" className="col-5-16 cf">
+        <div id="modal-section-lists" className="col-4-16 cf">
           {!isComparingTimetables && sectionGrid}
           {similarCourses}
         </div>
diff --git a/static/js/redux/ui/slot_hover_tip.jsx b/static/js/redux/ui/slot_hover_tip.jsx
index 5fe297f1ca..56e8f2c20e 100644
--- a/static/js/redux/ui/slot_hover_tip.jsx
+++ b/static/js/redux/ui/slot_hover_tip.jsx
@@ -27,7 +27,7 @@ const SlotHoverTip = ({ num, code, name, getShareLinkFromModal }) => {
   const maxColourIndex = colorData.length - 1;
   return (
     <a href={getShareLinkFromModal(code)} className="course-link" key={num}>
-      <span>{code}</span>
+      <span>{name}</span>
       <span
         className="course-link-tip"
         style={{

From 0e1a143ca6f8a4b53c7d1b7e73c93b342f58ae8d Mon Sep 17 00:00:00 2001
From: spencerckhuang <shuan126@jh.edu>
Date: Sun, 3 Dec 2023 14:27:51 -0500
Subject: [PATCH 4/4] prereqs: updated frontend testing snapshots to reflect
 changes made to coursemodalbody

---
 .../modals/__snapshots__/course_modal_body.test.jsx.snap      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/js/redux/__tests__/modals/__snapshots__/course_modal_body.test.jsx.snap b/static/js/redux/__tests__/modals/__snapshots__/course_modal_body.test.jsx.snap
index 4254f838d0..9ba7fd3464 100644
--- a/static/js/redux/__tests__/modals/__snapshots__/course_modal_body.test.jsx.snap
+++ b/static/js/redux/__tests__/modals/__snapshots__/course_modal_body.test.jsx.snap
@@ -9,7 +9,7 @@ exports[`CourseModalBody correctly renders 1`] = `
       class="cf"
     >
       <div
-        class="col-3-16"
+        class="col-4-16"
       >
         <div
           class="credits"
@@ -568,7 +568,7 @@ exports[`CourseModalBody correctly renders 1`] = `
         </div>
       </div>
       <div
-        class="col-5-16 cf"
+        class="col-4-16 cf"
         id="modal-section-lists"
       >
         <div>