fixed bug regarding PDF viewer being cut off, though it isn't resizing for mobile. implemented desktop-only layout of SLCC e-portfolio

2025-01-05 15:15:38 -07:00
parent 3227c4d699
commit 867e7a5706
22 changed files with 572 additions and 105 deletions
@@ -0,0 +1,32 @@
+import React, { useRef, useEffect } from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Navigation } from "swiper/modules";
+import SlccCourseSection from "./SlccCourseSection";
+
+// Import Swiper styles
+import "swiper/css";
+import "swiper/css/navigation";
+
+export default function SlccCoursePage({ course }) {
+  return (
+    <>
+      <h2 className="course-header">{course.header}</h2>
+      <Swiper
+        navigation={true}
+        modules={[Navigation]}
+        className="course-page-slider"
+      >
+        {course.sections.map((section, index) => (
+          <SwiperSlide>
+            <SlccCourseSection
+              key={index}
+              header={section.header}
+              text={section.text}
+              pathToPdf={section.pathToPdf}
+            />
+          </SwiperSlide>
+        ))}
+      </Swiper>
+    </>
+  );
+}