Run Prettier

magnifydev · Dec 11, 2023 · bfe3d97 · bfe3d97
1 parent 8ae7415
commit bfe3d97
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 27 deletions.
diff --git a/src/App.css b/src/App.css
@@ -126,7 +126,8 @@ ion-icon {
   color: var(--primary);
 }
 
-.navigation ul li a .icon, .navigation ul li button .icon {
+.navigation ul li a .icon,
+.navigation ul li button .icon {
   align-items: center;
   display: flex;
   height: 65.5px;
@@ -137,7 +138,8 @@ ion-icon {
   text-align: center;
 }
 
-.navigation ul li a .icon ion-icon, .navigation ul li button .icon ion-icon {
+.navigation ul li a .icon ion-icon,
+.navigation ul li button .icon ion-icon {
   font-size: 1.75rem;
 }
 
@@ -281,7 +283,7 @@ ion-icon {
 
 .Course:target {
   box-shadow: rgba(141, 22, 38, 0.5) 0px 6px 24px 0px,
-  rgba(203, 32, 55, 0.75) 0px 0px 0px 2px;
+    rgba(203, 32, 55, 0.75) 0px 0px 0px 2px;
   transition: all 0.5s ease 0s;
 }
 

diff --git a/src/App.tsx b/src/App.tsx
@@ -17,16 +17,15 @@ interface AppProps {
   authLevel: number;
 }
 
-const App: FC<AppProps> = ({user, classItems, authLevel }): JSX.Element => {
-
+const App: FC<AppProps> = ({ user, classItems, authLevel }): JSX.Element => {
   // Hacky workaround because something with React probably interferes with the default browser behavior
   // Also, reactivates the highlight on the course element
   useEffect(() => {
     const jumpId = window.location.hash;
     window.location.hash = '';
     window.location.hash = jumpId;
   }, []);
-  
+
   const handleContactModalOpen = useCallback(() => {
     const contactModal = document.getElementById(
       'contact-modal'

diff --git a/src/components/Course.tsx b/src/components/Course.tsx
@@ -133,12 +133,19 @@ export const Course: FC<CourseProps> = ({
   const isVenture = course.tags?.filter((tag) => tag === 'Venture').length;
 
   const Style = {
-    gridRow: `span ${course.courses?.match(/[A-Z][A-Z][A-Z][0-9][0-9][0-9]/gm)?.length ?? 1}`,
+    gridRow: `span ${
+      course.courses?.match(/[A-Z][A-Z][A-Z][0-9][0-9][0-9]/gm)?.length ?? 1
+    }`,
     backgroundColor: isVenture ? 'var(--primary-light)' : '',
   };
 
   return (
-    <div suppressContentEditableWarning className="Course" id={jumpId} style={Style}>
+    <div
+      suppressContentEditableWarning
+      className="Course"
+      id={jumpId}
+      style={Style}
+    >
       <h1 className="course-title">{course.coursename}</h1>
       <br />
       <p
@@ -266,20 +273,23 @@ export const Course: FC<CourseProps> = ({
             <b contentEditable={false}>Courses: </b>
             {course.courses}
           </p>
-          {course.courses.match(/[A-Z][A-Z][A-Z][0-9][0-9][0-9]/gm)?.filter((id) => courseIDtoCourse(id)).map((id) => {
-            return (
-              <>
-                <br />
-                <Course
-                  key={id}
-                  authLevel={authLevel}
-                  course={courseIDtoCourse(id)}
-                  jumpId={id}
-                  courseIDtoCourse={courseIDtoCourse}
-                />
-              </>
-            );
-          })}
+          {course.courses
+            .match(/[A-Z][A-Z][A-Z][0-9][0-9][0-9]/gm)
+            ?.filter((id) => courseIDtoCourse(id))
+            .map((id) => {
+              return (
+                <>
+                  <br />
+                  <Course
+                    key={id}
+                    authLevel={authLevel}
+                    course={courseIDtoCourse(id)}
+                    jumpId={id}
+                    courseIDtoCourse={courseIDtoCourse}
+                  />
+                </>
+              );
+            })}
           <br />
         </>
       )}

diff --git a/src/index.tsx b/src/index.tsx
@@ -58,7 +58,13 @@ const renderDOM = (courseItems: JSX.Element[], userData = user): void => {
     numColumns = 1;
   }
 
-  let flexParents = Array(numColumns).fill(0).map((_, i) => <div key={i} className="flex-parent">{courseItems.filter((_, j) => j % numColumns === i)}</div>);
+  let flexParents = Array(numColumns)
+    .fill(0)
+    .map((_, i) => (
+      <div key={i} className="flex-parent">
+        {courseItems.filter((_, j) => j % numColumns === i)}
+      </div>
+    ));
 
   ReactDOM.render(
     <React.StrictMode>
@@ -101,9 +107,11 @@ const initializeCourseViewer = (): void => {
 
   const courseIDtoNameMap = new Map<string, string>();
   for (const courseName in courseData) {
-    courseData[courseName].courseid.match(/[A-Z][A-Z][A-Z][0-9][0-9][0-9]/)?.forEach((id) => {
-      courseIDtoNameMap.set(id, courseName);
-    });
+    courseData[courseName].courseid
+      .match(/[A-Z][A-Z][A-Z][0-9][0-9][0-9]/)
+      ?.forEach((id) => {
+        courseIDtoNameMap.set(id, courseName);
+      });
   }
 
   console.log(courseIDtoNameMap);
@@ -250,7 +258,8 @@ export const filterCourses = (): void => {
       courseIDtoNameMap.set(courseData[courseName].courseid, courseName);
     }
 
-    const courseIDtoCourse = (courseID: string): CourseType => courseData[courseIDtoNameMap.get(courseID) ?? ''] ?? '';
+    const courseIDtoCourse = (courseID: string): CourseType =>
+      courseData[courseIDtoNameMap.get(courseID) ?? ''] ?? '';
 
     const key = search?.value.toLowerCase().replaceAll(' ', '-');
     const renderedElements = renderedItems