Demo (#7)

* Made database interactive so voters update database

* Fixed fetch api call on home page

* Fixed all fetch calls

* fix build error

---------

Co-authored-by: FlyingChilli04 <lmaisnam2@gmail.com>

Author: NE1NN

overload/package-lock.json

@@ -12,7 +12,7 @@
     "@nextui-org/react": "^2.2.9",
     "@prisma/client": "^5.5.2",
     "framer-motion": "^10.16.16",
-    "next": "13.5.6",
+    "next": "^14.0.5-canary.56",
     "prisma": "^5.5.2",
     "react": "^18",
     "react-dom": "^18"

overload/package.json

@@ -3,6 +3,7 @@
 
 generator client {
   provider = "prisma-client-js"
+  previewFeatures = ["referentialIntegrity"]
 }
 
 datasource db {

overload/prisma/schema.prisma

@@ -11,7 +11,6 @@ export async function GET(request: NextRequest, { params }: { params: { courseCo
           courseCode: courseCode,
         },
       });
-
       if (course) {
         return NextResponse.json(course, { status: 200 });
       } else {

overload/src/app/api/course-details/[courseCode]/route.ts

@@ -0,0 +1,46 @@
+import { NextRequest, NextResponse } from 'next/server';
+import prisma from '../../../../prisma/client';
+
+// Update doom voters (still under progress)
+export async function PUT(req: Request) {
+  if (req.method === "PUT") {
+    try {
+      // const data = await req.body.json();
+      const body = await req.json();
+      let { doomness, courseCode } = body;
+      // Find course details
+      const course = await prisma.course.findUnique({
+        where: {
+          courseCode: courseCode,
+        },
+      });
+      // Update course details
+      if (course?.doomness !== null) {
+        let newDoomness: number = (parseInt(doomness) + parseInt((course as any).doomness))/2;
+        const updatedCourse = await prisma.course.update({
+          where: { courseCode: courseCode },
+          data: {
+            doomness: newDoomness,
+            doomnessVoters: (parseInt((course as any).doomnessVoters) + 1)
+          }
+        });
+        return NextResponse.json(updatedCourse, { status: 200 });
+      } else {
+        return NextResponse.json(
+          { error: 'Course not found' },
+          { status: 404 }
+        );
+      }
+    } catch (error) {
+      return NextResponse.json(
+        { error: 'Internal server error' },
+        { status: 500 }
+      );
+    }
+  } else {
+    return NextResponse.json(
+      { error: 'Course code is empty' },
+      { status: 400 }
+    );
+  }
+}

overload/src/app/api/course-update/route.ts

@@ -29,10 +29,11 @@ export const SearchBar = ({ filterOn, setFilterOn }: SearchBarProps) => {
 
   React.useEffect(() => {
     // Fetch the term list
-    fetch('http://localhost:3000/api/home', { cache: 'no-store' }) // Fetch terms
+    fetch('/api/home', { cache: 'no-store' }) // Fetch terms
       .then((response) => response.json()) // turn data from promise into a json file so we can use data
       .then((data) => {
         setDataList(data);
+        console.log(data)
       }) // set data using setData hook
       .catch((error) => {
         // if promise not fulfilled
@@ -93,6 +94,3 @@ export const SearchBar = ({ filterOn, setFilterOn }: SearchBarProps) => {
     </div>
   );
 };
-
-// pull filter
-// for each thingy

overload/src/app/components/SearchBar.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { Button } from '@nextui-org/react';
-import { Course } from '../home/page';
+import { Course } from '../types';
 
 type CourseOptionProps = {
   course: Course;
@@ -12,7 +12,7 @@ export const CourseOption = ({
 }: CourseOptionProps) => {
   return (
     <div
-      className=" flex justify-center bg-white m-5 cursor-pointer"
+      className=" flex justify-center bg-white m-5 cursor-pointer rounded-md"
       onClick={() => handleSelectCourse(course)}
     >
       {course.courseCode}: {course.courseName}

overload/src/app/components/courseOption.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Course } from '../home/page';
+import { Course } from '../types';
 import CourseOption from './courseOption';
 
 type CoursesListProps = {

overload/src/app/components/coursesList.tsx

@@ -1,5 +1,3 @@
-import { Course } from '../home/page';
-
 type SelectedCourseProps = {
   courseCode: string;
   courseName: string;
@@ -13,7 +11,7 @@ export const SelectedCourse = ({
 }: SelectedCourseProps) => {
   return (
     <div
-      className="bg-white w-[100%] m-3 rounded-md cursor-pointer"
+      className="bg-white w-[100%] m-3 p-1 rounded-md cursor-pointer"
       onClick={() => handleDeselectCourse(courseCode)}
     >
       {courseCode}: {courseName}

overload/src/app/components/selectedCourse.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Course } from '../home/page';
+import { Course } from '../types';
 import SelectedCourse from './selectedCourse';
 import Dropdown from './termSelectDropDown';
 
@@ -28,7 +28,7 @@ export const SelectedCourses = ({
       <div className="flex justify-center pb-8">
         <Dropdown handleSelectTerm={handleSelectTerm} />
       </div>
-      <div className="flex flex-col items-center p-8 bg-black ">{courses}</div>
+      <div className="flex flex-col items-center p-8 bg-black">{courses}</div>
     </div>
   );
 };