created draggable generics

sandboxnu · Oct 27, 2024 · ed18ff7 · ed18ff7
1 parent 923c57e
commit ed18ff7
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 19 deletions.
diff --git a/packages/api/src/major/parsed.initial.json b/packages/api/src/major/parsed.initial.json
@@ -10,14 +10,16 @@
       "title": "General Placeholders",
       "requirements": [
         {
-          "type": "COURSE",
+          "subject": "PLACEHOLDER",
           "classId": 1000,
-          "subject": "PLACEHOLDER"
+          "description": "Elective",
+          "type": "COURSE"
         },
         {
           "type": "COURSE",
           "classId": 1000,
-          "subject": "PLACEHOLDER"
+          "subject": "PLACEHOLDER",
+          "description": "NU Path"
         }
       ]
     }

diff --git a/packages/frontend/components/Sidebar/GenericSection.tsx b/packages/frontend/components/Sidebar/GenericSection.tsx
@@ -8,17 +8,35 @@ import { useState } from "react";
 import SectionRequirement from "./SectionRequirement";
 import { IAndCourse2, ScheduleCourse2 } from "@graduate/common";
 import { DraggableScheduleCourse } from "../ScheduleCourse";
+import {
+  GENERIC_ELECTIVE_ID_PREFIX,
+  GENERIC_NUPATH_ID_PREFIX,
+} from "../../utils";
 
 // Define the props interface for GenericSection
 interface GenericSectionProps {
   courseData: { [id: string]: ScheduleCourse2<null> };
   dndIdPrefix: string;
 }
 
-// The sample IAndCourse2 requirement object
-const andCourseRequirement: IAndCourse2 = {
-  type: "AND",
-  courses: [],
+export const GENERIC_ELECTIVE: ScheduleCourse2<string> = {
+  name: "Elective",
+  classId: "Generic Class",
+  subject: "",
+  numCreditsMax: 8,
+  numCreditsMin: 0,
+  id: `${GENERIC_ELECTIVE_ID_PREFIX}-generic-elective"`,
+  nupaths: [],
+};
+
+export const GENERIC_NUPATH: ScheduleCourse2<string> = {
+  name: "NUPath",
+  classId: "Generic Class",
+  subject: "",
+  numCreditsMax: 8,
+  numCreditsMin: 0,
+  id: `${GENERIC_NUPATH_ID_PREFIX}-generic-nupath"`,
+  nupaths: [],
 };
 
 const ClassOption: React.FC<{ type: "NUpath" | "Elective Placeholder" }> = ({
@@ -31,6 +49,8 @@ const ClassOption: React.FC<{ type: "NUpath" | "Elective Placeholder" }> = ({
   );
 };
 
+const courses = [GENERIC_ELECTIVE, GENERIC_NUPATH];
+
 const GenericSection: React.FC<GenericSectionProps> = ({
   courseData,
   dndIdPrefix,
@@ -112,20 +132,17 @@ const GenericSection: React.FC<GenericSectionProps> = ({
           <Stack spacing={3}>
             <Box pl="xs" pt="xs">
               {Object.keys(courseData).length > 0 && (
-                <DraggableScheduleCourse
-                  key={Object.keys(courseData)[0]}
-                  scheduleCourse={{
-                    ...courseData[Object.keys(courseData)[0]],
-                    id: dndIdPrefix + "-" + Object.keys(courseData)[0],
-                  }}
-                  isInSidebar
-                  // TODO: isChecked is for when the requirement is added to the plan and validated. When true, this will render a checkmark.
-                  isChecked={false}
-                  isDisabled={false}
-                />
+                <div>
+                  {courses.map((course, index) => (
+                    <DraggableScheduleCourse
+                      key={index}
+                      scheduleCourse={course}
+                      isDisabled={false}
+                    />
+                  ))}
+                </div>
               )}
             </Box>
-            <ClassOption type="Elective Placeholder" />
           </Stack>
         )}
       </Box>

diff --git a/packages/frontend/utils/constants.ts b/packages/frontend/utils/constants.ts
@@ -2,6 +2,8 @@ import { GetStudentResponse } from "@graduate/common";
 
 export const DELETE_COURSE_AREA_DND_ID = "delete-course-area";
 export const SIDEBAR_DND_ID_PREFIX = "sidebar";
+export const GENERIC_ELECTIVE_ID_PREFIX = "generic-elective";
+export const GENERIC_NUPATH_ID_PREFIX = "generic-nupath";
 export const WEAK_PASSWORD_MSG =
   "A password should be at least 8 characters with digits and letters";
 export const SEARCH_NEU_FETCH_COURSE_ERROR_MSG =