diff --git a/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx b/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx
index e5814ce..ca101c8 100644
--- a/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx
+++ b/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx
@@ -1,102 +1,131 @@
-import React, { useState } from 'react'
-import { useHistory } from 'react-router-dom'
-import { ExpressValidationError } from 'devu-shared-modules'
-
-import PageWrapper from 'components/shared/layouts/pageWrapper'
-
-import RequestService from 'services/request.service'
-
-import { useActionless } from 'redux/hooks'
-import TextField from 'components/shared/inputs/textField'
-import { SET_ALERT } from 'redux/types/active.types'
-import formStyles from './coursesFormPage.scss'
-import { applyMessageToErrorFields, removeClassFromField } from "../../../../utils/textField.utils";
-
+import React, { useState } from 'react';
+import { useHistory } from 'react-router-dom';
+import RequestService from 'services/request.service';
+import { useActionless } from 'redux/hooks';
+import TextField from 'components/shared/inputs/textField';
+import { SET_ALERT } from 'redux/types/active.types';
+import formStyles from './coursesFormPage.scss';
+import PageWrapper from 'components/shared/layouts/pageWrapper';
const EditCourseFormPage = () => {
- const [setAlert] = useActionless(SET_ALERT)
+ const [setAlert] = useActionless(SET_ALERT);
const history = useHistory();
const [formData, setFormData] = useState({
name: '',
number: '',
semester: '',
- })
+ isPublic: false
+ });
- const [startDate, setStartDate] = useState(new Date().toISOString().split("T")[0])
- const [endDate, setEndDate] = useState(new Date().toISOString().split("T")[0])
- const [invalidFields, setInvalidFields] = useState(new Map
())
+ const [startDate, setStartDate] = useState(new Date().toISOString().split("T")[0]);
+ const [endDate, setEndDate] = useState(new Date().toISOString().split("T")[0]);
+ const [privateDate, setPrivateDate] = useState(new Date().toISOString().split("T")[0]);
- const handleChange = (value: String, e: React.ChangeEvent) => {
- const key = e.target.id
- setFormData(prevState => ({ ...prevState, [key]: value }))
+ const handleChange = (value: string, e: React.ChangeEvent) => {
+ const key = e.target.id;
+ setFormData(prevState => ({ ...prevState, [key]: value }));
+ };
- const newInvalidFields = removeClassFromField(invalidFields, key)
- setInvalidFields(newInvalidFields)
- }
+ const handleCheckboxChange = (e: React.ChangeEvent) => {
+ setFormData(prevState => ({ ...prevState, isPublic: e.target.checked }));
+ };
- const handleStartDateChange = (event: React.ChangeEvent) => { setStartDate(event.target.value) }
- const handleEndDateChange = (event: React.ChangeEvent) => { setEndDate(event.target.value) }
+ const handleStartDateChange = (event: React.ChangeEvent) => {
+ setStartDate(event.target.value);
+ };
+ const handleEndDateChange = (event: React.ChangeEvent) => {
+ setEndDate(event.target.value);
+ };
+
+ const handlePrivateDateChange = (event: React.ChangeEvent) => {
+ setPrivateDate(event.target.value);
+ };
+
+ const formatDateForSubmission = (date: string) => {
+ return new Date(date).toISOString();
+ };
+
+ const isFormValid = () => {
+ return formData.name && formData.number && formData.semester && startDate && endDate;
+ };
const handleSubmit = () => {
const finalFormData = {
name: formData.name,
number: formData.number,
semester: formData.semester,
- startDate: startDate + "T16:02:41.849Z",
- endDate: endDate + "T16:02:41.849Z",
- }
+ startDate: formatDateForSubmission(startDate),
+ endDate: formatDateForSubmission(endDate),
+ isPublic: formData.isPublic,
+ privateDate: formatDateForSubmission(privateDate)
+ };
RequestService.post('/api/courses/instructor', finalFormData)
.then(() => {
- setAlert({ autoDelete: true, type: 'success', message: 'Course Added' })
- history.goBack()
+ setAlert({ autoDelete: true, type: 'success', message: 'Course Added' });
+ history.goBack();
})
- .catch((err: ExpressValidationError[] | Error) => {
- const message = Array.isArray(err) ? err.map((e) => `${e.param} ${e.msg}`).join(', ') : err.message
-
- const newFields = new Map()
- Array.isArray(err) ? err.map((e) => applyMessageToErrorFields(newFields, e.param, e.msg)) : newFields
- setInvalidFields(newFields);
- setAlert({ autoDelete: false, type: 'error', message })
- })
- .finally(() => {
- })
- }
+ .catch((err) => {
+ setAlert({ autoDelete: false, type: 'error', message: err.message });
+ });
+ };
return (
Create Course
-
-
-
-
+
+
+
-
+
-
+
+
-
+
- )
-
-}
-
+ );
+};
-export default EditCourseFormPage
\ No newline at end of file
+export default EditCourseFormPage;
\ No newline at end of file
diff --git a/devU-shared/src/types/course.types.ts b/devU-shared/src/types/course.types.ts
index 0e03d98..cc21135 100644
--- a/devU-shared/src/types/course.types.ts
+++ b/devU-shared/src/types/course.types.ts
@@ -7,4 +7,8 @@ export type Course = {
endDate: string
createdAt?: string
updatedAt?: string
+ isPublic?: boolean;
+ private_data?: string;
+ allowlist?: string[];
+ blocklist?: string[];
}