devsoc-unsw · eaglethrost · Oct 29, 2024 · Jan 24, 2024 · Feb 5, 2024 · Apr 4, 2024
diff --git a/backend/src/repositories/course.repository.ts b/backend/src/repositories/course.repository.ts
@@ -4,6 +4,8 @@ import {
   CourseCodeSchema,
   CourseSchema,
 } from "../api/schemas/course.schema";
+import e from "express";
+import { Console } from "console";
 
 export class CourseRepository {
   constructor(private readonly prisma: PrismaClient) {}

diff --git a/frontend/src/app/course/[id]/page.tsx b/frontend/src/app/course/[id]/page.tsx
@@ -25,7 +25,7 @@ export async function generateMetadata(props: {
   };
 }): Promise<Metadata> {
   const { course } = (await get(
-    `/course/${props.params.id.toUpperCase()}`
+    `/course/${props.params.id.toUpperCase()}`,
   )) as {
     course: Course;
   };
@@ -50,7 +50,7 @@ export default async function ReviewPage({
   if (!course) notFound();
 
   const { reviews } = (await get(
-    `/reviews/${course.courseCode.toUpperCase()}`
+    `/reviews/${course.courseCode.toUpperCase()}`,
   )) as Reviews;
 
   let userCourseInfo: string[] = [];
@@ -60,7 +60,7 @@ export default async function ReviewPage({
         "GET",
         `/user/course/${params.id.toUpperCase()}`,
         session?.user?.accessToken ?? "",
-        session?.user?.id ?? ""
+        session?.user?.id ?? "",
       )) as { userCourseInfo: string[] };
       userCourseInfo = res.userCourseInfo;
     } catch (err) {
@@ -91,7 +91,7 @@ export default async function ReviewPage({
   // };
 
   return (
-    <div className='isolate bg-white dark:bg-slate-800 duration-150'>
+    <div className="isolate bg-white dark:bg-slate-800 duration-150">
       {/* Structured data */}
       <Head>
         <script
@@ -119,53 +119,53 @@ export default async function ReviewPage({
         />
       </Head>
       {/* Header */}
-      <div className='relative'>
-        <div className='w-1/2 ml-auto md:w-full pr-16 md:px-8 py-8'>
+      <div className="relative">
+        <div className="w-1/2 ml-auto md:w-full pr-16 md:px-8 py-8">
           {/* Search bar */}
           <ReviewSearchbar />
         </div>
         {/* Waves */}
         <Image
-          className='w-full h-full absolute object-cover top-0 -z-10 dark:opacity-75'
+          className="w-full h-full absolute object-cover top-0 -z-10 dark:opacity-75"
           src={waves}
-          alt='Waves'
+          alt="Waves"
         />
       </div>
       {/* Course details */}
-      <div className='flex gap-8 pt-12 px-16 md:px-8 lg:pt-8 md:flex-wrap'>
+      <div className="flex gap-8 pt-12 px-16 md:px-8 lg:pt-8 md:flex-wrap">
         <Suspense fallback={<div>Loading...</div>}>
           {/* <script
             type="application/ld+json"
             dangerouslySetInnerHTML={{ __html: JSON.stringify(metaLD) }}
           /> */}
-          <section className='space-y-4 w-full block md:static md:max-h-full sticky top-8 max-h-[calc(100vh-4rem)] overflow-y-scroll scrollbar-none'>
-            <h1 className='text-6xl font-bold break-words'>
+          <section className="space-y-4 w-full block md:static md:max-h-full sticky top-8 max-h-[calc(100vh-4rem)] overflow-y-scroll scrollbar-none">
+            <h1 className="text-6xl font-bold break-words">
               {course.courseCode}
             </h1>
-            <h2 className='text-3xl font-bold break-words'>{course.title}</h2>
+            <h2 className="text-3xl font-bold break-words">{course.title}</h2>
             {/* Terms */}
             <TermsGroup
-              className='py-1 px-2 rounded-full bg-unilectives-tags-pink font-bold text-black/50'
+              className="py-1 px-2 rounded-full bg-unilectives-tags-pink font-bold text-black/50"
               terms={course.terms}
             />
             {/* Link to handbook */}
             <Link
-              target='_blank'
-              rel='noopener noreferrer'
+              target="_blank"
+              rel="noopener noreferrer"
               href={`//www.handbook.unsw.edu.au/undergraduate/courses/${new Date().getFullYear()}/${
                 course.courseCode
               }`}
-              className='flex items-center w-fit gap-1 text-unilectives-blue hover:underline flex-1'
+              className="flex items-center w-fit gap-1 text-unilectives-blue hover:underline flex-1"
             >
-              <LinkIcon className='w-4 h-4' />
+              <LinkIcon className="w-4 h-4" />
               {course.courseCode} Handbook Page
             </Link>
             {/* StarRating */}
-            <div className='space-x-2'>
-              <div className='text-2xl inline'>
+            <div className="space-x-2">
+              <div className="text-2xl inline">
                 <Rating
-                  type='star'
-                  color='purple'
+                  type="star"
+                  color="purple"
                   overallRating={course.overallRating}
                 />
               </div>
@@ -182,7 +182,7 @@ export default async function ReviewPage({
               </span>
             </div>
             {/* Doughnut Charts */}
-            <div className='flex flex-wrap justify-around'>
+            <div className="flex flex-wrap justify-around">
               {[
                 { metric: course.enjoyability, title: "Enjoyment" },
                 { metric: course.usefulness, title: "Usefulness" },
@@ -194,30 +194,30 @@ export default async function ReviewPage({
                     width={90}
                     strokeWidth={9}
                   />
-                  <p className='text-center font-bold'>{item.title}</p>
+                  <p className="text-center font-bold">{item.title}</p>
                 </div>
               ))}
             </div>
             {/* Pre-requisites group */}
             {course.enrolmentRules ? (
               <div>
-                <h3 className='font-bold'>Enrolment Rules</h3>
+                <h3 className="font-bold">Enrolment Rules</h3>
                 <p>{course.enrolmentRules}</p>
               </div>
             ) : (
               <div></div>
             )}
             <div>
-              <h3 className='font-bold'>Description</h3>
-              <p className='whitespace-pre-line'>{course.description}</p>
+              <h3 className="font-bold">Description</h3>
+              <p className="whitespace-pre-line">{course.description}</p>
             </div>
           </section>
         </Suspense>
         {/* Reviews */}
         {/* Show reviews is separated as another client component "ReviewsBar"
         so the review page can stay as a server side component to ensure server side
         rendering */}
-        <section className='space-y-4 w-full mb-8'>
+        <section className="space-y-4 w-full max-w-[50%] md:max-w-full mb-8">
           <Suspense fallback={<div>Loading...</div>}>
             <ReviewsBar
               courseCode={course.courseCode}

diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
@@ -34,7 +34,7 @@ export default async function RootLayout({
               `,
           }}
         />
-      <script defer data-domain="cselectives.staging.csesoc.unsw.edu.au" src="https://plausible.io/js/script.js"></script>
+      <script defer data-domain="unilectives.devsoc.app" src="https://plausible.unilectives.com/js/script.outbound-links.tagged-events.js"></script>
       </head>
       <body className="bg-white dark:bg-slate-800 dark:text-gray-200">
         <Provider session={session}>

diff --git a/frontend/src/components/TruncatedDescription/TruncatedDescription.tsx b/frontend/src/components/TruncatedDescription/TruncatedDescription.tsx
@@ -35,6 +35,7 @@ export default function TruncatedDescription({
         newMax++;
         index++;
       }
+
       if (index === content.length) {
         setShortenedContent(content);
       } else {
@@ -50,7 +51,7 @@ export default function TruncatedDescription({
   }, [content])
 
   return (
-    <div>
+    <div className="break-words">
       <p className="whitespace-pre-line text-justify">
         {showFullContent ? content : shortenedContent}
       </p>

diff --git a/migration/Dockerfile b/migration/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:20.2-alpine
+FROM node:20.4-alpine
 
 # Set the current working directory inside the container
 WORKDIR /app

diff --git a/migration/src/migrate/repository.ts b/migration/src/migrate/repository.ts
@@ -88,25 +88,7 @@ export default class MigrationRepository {
             "terms",
             "title",
             "uoc",
-            "rating",
-            "archived",
-            "attributes",
-            "calendar",
-            "campus",
-            "description",
-            "enrolment_rules",
-            "equivalents",
-            "exclusions",
-            "faculty",
-            "field_of_education",
-            "gen_ed",
-            "level",
-            "school",
-            "study_level",
-            "terms",
-            "title",
-            "uoc",
-            "rating",
+            "rating"
           ],
           ["course_code"],
           { skipUpdateIfNoValuesChanged: true },