feat: rename lectures to activities across the app

front/components/Modals/CourseEdit/NewActivity.tsx

@@ -2,10 +2,10 @@ import React, { useState } from "react";
 import { ArrowLeftIcon, Cross1Icon } from "@radix-ui/react-icons";
 import Modal from "../Modal";
 import styled from "styled-components";
-import DynamicCanvaModal from "./NewLectureModal/DynamicCanva";
-import VideoModal from "./NewLectureModal/Video";
+import DynamicCanvaModal from "./NewActivityModal/DynamicCanva";
+import VideoModal from "./NewActivityModal/Video";
 
-function NewLectureModal({ closeModal, submitLecture, submitFileLecture, chapterId }: any) {
+function NewActivityModal({ closeModal, submitActivity, submitFileActivity, chapterId }: any) {
   const [selectedView, setSelectedView] = useState("home");
 
   return (
@@ -16,29 +16,29 @@ function NewLectureModal({ closeModal, submitLecture, submitFileLecture, chapter
       <button onClick={closeModal}>
         <Cross1Icon />
       </button>
-      <h1>Add New Lecture</h1>
+      <h1>Add New Activity</h1>
       <br />
 
       {selectedView === "home" && (
-        <LectureChooserWrapper>
-          <LectureButton onClick={() => {setSelectedView("dynamic")}}>✨📄</LectureButton>
-          <LectureButton onClick={() => {setSelectedView("video")}}>📹</LectureButton>
-        </LectureChooserWrapper>
+        <ActivityChooserWrapper>
+          <ActivityButton onClick={() => {setSelectedView("dynamic")}}>✨📄</ActivityButton>
+          <ActivityButton onClick={() => {setSelectedView("video")}}>📹</ActivityButton>
+        </ActivityChooserWrapper>
       )}
 
       {selectedView === "dynamic" && (
-        <DynamicCanvaModal submitLecture={submitLecture} chapterId={chapterId} />
+        <DynamicCanvaModal submitActivity={submitActivity} chapterId={chapterId} />
       )}
 
       {selectedView === "video" && (
-        <VideoModal submitFileLecture={submitFileLecture} chapterId={chapterId} />
+        <VideoModal submitFileActivity={submitFileActivity} chapterId={chapterId} />
       )}
       
     </Modal>
   );
 }
 
-const LectureChooserWrapper = styled.div`
+const ActivityChooserWrapper = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -46,7 +46,7 @@ const LectureChooserWrapper = styled.div`
   gap: 20px;
 `;
 
-const LectureButton = styled.button`
+const ActivityButton = styled.button`
   padding: 40px;
   border-radius: 10px !important;
   border: none;
@@ -59,4 +59,4 @@ const LectureButton = styled.button`
   }
 `;
 
-export default NewLectureModal;
+export default NewActivityModal;

front/components/Modals/CourseEdit/NewActivityModal/DynamicCanva.tsx

@@ -0,0 +1,36 @@
+import React, { useState } from "react";
+
+function DynamicCanvaModal({ submitActivity, chapterId }: any) {
+  const [activityName, setActivityName] = useState("");
+  const [activityDescription, setActivityDescription] = useState("");
+
+  const handleActivityNameChange = (e: any) => {
+    setActivityName(e.target.value);
+  };
+
+  const handleActivityDescriptionChange = (e: any) => {
+    setActivityDescription(e.target.value);
+  };
+
+  const handleSubmit = async (e: any) => {
+    e.preventDefault();
+    console.log({ activityName, activityDescription, chapterId });
+    submitActivity({
+      name: activityName,
+      chapterId: chapterId,
+      type: "dynamic",
+    });
+  };
+  return (
+    <div>
+      <div>
+        <input type="text" onChange={handleActivityNameChange} placeholder="Activity Name" /> <br />
+        <input type="text" onChange={handleActivityDescriptionChange} placeholder="Activity Description" />
+        <br />
+        <button onClick={handleSubmit}>Add Activity</button>
+      </div>
+    </div>
+  );
+}
+
+export default DynamicCanvaModal;

front/components/Modals/CourseEdit/NewActivityModal/Video.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-function VideoModal({ submitFileLecture, chapterId }: any) {
+function VideoModal({ submitFileActivity, chapterId }: any) {
   const [video, setVideo] = React.useState(null) as any;
   const [name, setName] = React.useState("");
 
@@ -14,11 +14,11 @@ function VideoModal({ submitFileLecture, chapterId }: any) {
 
   const handleSubmit = async (e: any) => {
     e.preventDefault();
-    let status = await submitFileLecture(video, "video", { name, type: "video" }, chapterId);
+    let status = await submitFileActivity(video, "video", { name, type: "video" }, chapterId);
   };
 
   /* TODO : implement some sort of progress bar for file uploads, it is not possible yet because i'm not using axios.
-   and the actual upload isn't happening here anyway, it's in the submitFileLecture function */
+   and the actual upload isn't happening here anyway, it's in the submitFileActivity function */
 
   return (
     <div>

front/components/Modals/CourseEdit/NewChapter.tsx

@@ -16,7 +16,7 @@ function NewChapterModal({ submitChapter , closeModal }: any) {
   const handleSubmit = async (e: any) => {
     e.preventDefault();
     console.log({ chapterName, chapterDescription });
-    submitChapter({ name : chapterName, description : chapterDescription , lectures : [] });
+    submitChapter({ name : chapterName, description : chapterDescription , activities : [] });
   };
 
   return (

front/components/Modals/CourseEdit/NewLectureModal/DynamicCanva.tsx

@@ -1,36 +0,0 @@
-import React, { useState } from "react";
-
-function DynamicCanvaModal({ submitLecture, chapterId }: any) {
-  const [lectureName, setLectureName] = useState("");
-  const [lectureDescription, setLectureDescription] = useState("");
-
-  const handleLectureNameChange = (e: any) => {
-    setLectureName(e.target.value);
-  };
-
-  const handleLectureDescriptionChange = (e: any) => {
-    setLectureDescription(e.target.value);
-  };
-
-  const handleSubmit = async (e: any) => {
-    e.preventDefault();
-    console.log({ lectureName, lectureDescription, chapterId });
-    submitLecture({
-      name: lectureName,
-      chapterId: chapterId,
-      type: "dynamic",
-    });
-  };
-  return (
-    <div>
-      <div>
-        <input type="text" onChange={handleLectureNameChange} placeholder="Lecture Name" /> <br />
-        <input type="text" onChange={handleLectureDescriptionChange} placeholder="Lecture Description" />
-        <br />
-        <button onClick={handleSubmit}>Add Lecture</button>
-      </div>
-    </div>
-  );
-}
-
-export default DynamicCanvaModal;