Add save function & api-calls

Author: Alexandra Zwinger

src/App.tsx

@@ -46,6 +46,8 @@ export enum Resources {
     MEETING = "meeting",
     USER = "user",
     MODULES = "module",
+    USER_MODULE = "userModule",
+    CHECKBOX = "checkbox",
     USERGROUP = "studygroup"
 }
 

src/api/ModuleApi.tsx

@@ -1,7 +1,7 @@
 import {AxiosInstance} from "axios";
 import {Resources} from "../App";
 import {handleErrorResponse, handleSuccessResponse} from "./ErrorHandling";
-import {ModuleDto} from "../dtos/ModuleDto";
+import {ModuleDto, UserModule} from "../dtos/ModuleDto";
 
 export function getModules(axios: AxiosInstance): Promise<ModuleDto[]> {
     const url = `/${Resources.MODULES}`;
@@ -13,4 +13,17 @@ export function createModule(axios: AxiosInstance, moduleName: string) {
     const url = `/${Resources.MODULES}`;
     axios.post(url, {name: moduleName})
         .then(handleSuccessResponse, handleErrorResponse);
+}
+
+export function saveModuleProgress(axios: AxiosInstance, userModule: UserModule) {
+    const url = `/${Resources.USER_MODULE}`;
+    axios.put(url, userModule)
+        .then(handleSuccessResponse, handleErrorResponse);
+}
+
+//TODO HANDLE TOGGLE FUNCTION. WHAT ENDPOINT TO USE? ASK BACKEND
+export function toggleCheckbox(axios: AxiosInstance,) {
+    const url = `/${Resources.CHECKBOX}`;
+    axios.put(url,)
+        .then(handleSuccessResponse, handleErrorResponse);
 }

src/components/ModuleProgressSettings.tsx

@@ -2,6 +2,8 @@ import React, {useState} from 'react';
 import '../styles/Modal.css';
 import {CuteButton} from './CuteButton';
 import {Chapter, UserModule} from "../dtos/ModuleDto";
+import axiosInstance from "../AxiosConfig";
+import {saveModuleProgress} from "../api/ModuleApi";
 
 interface ModalProps {
     isOpen: boolean;
@@ -70,7 +72,12 @@ const ModuleProgressSettings: React.FC<ModalProps> = ({onClose, module}) => {
     };
 
     const saveProgress = () => {
-        //TODO
+        try {
+            module.chapter = chapters;
+            saveModuleProgress(axiosInstance, module);
+        } catch (error) {
+            console.error("Error saving progress:" + error);
+        }
     }
 
     return (