@selfcommunity/react-ui 0.10.2-courses.152 → 0.10.2-courses.154

package/lib/esm/components/EditCourse/Lessons.js

@@ -48,7 +48,7 @@ const headerCells = [
 ];
 function Lessons(props) {
     // PROPS
-    const { course, setSCCourse } = props;
+    const { course, setCourse } = props;
     // STATES
     const [sections, setSections] = useState([]);
     // HOOKS
@@ -82,7 +82,7 @@ function Lessons(props) {
             sections_order: tempSections.map((tempSection) => tempSection.id)
         };
         CourseService.patchCourse(course.id, data)
-            .then(() => setSCCourse(Object.assign(Object.assign({}, course), { sections: tempSections })))
+            .then(() => setCourse(Object.assign(Object.assign({}, course), { sections: tempSections })))
             .catch((error) => {
             Logger.error(SCOPE_SC_UI, error);
             enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
@@ -94,24 +94,30 @@ function Lessons(props) {
     const handleAddTempSection = useCallback(() => {
         setSections((prevSections) => (prevSections.length > 0 ? [...prevSections, getSection(prevSections.length + 1)] : [getSection(1)]));
     }, [setSections]);
-    const handleManageSection = useCallback((section, type) => {
+    const handleManageSection = useCallback((section, type, newRow = false) => {
         switch (type) {
             case ActionLessonType.ADD:
-                setSCCourse(Object.assign(Object.assign({}, course), { num_sections: course.num_sections + 1, sections: [...course.sections, section] }));
+                setCourse(Object.assign(Object.assign({}, course), { num_sections: course.num_sections + 1, sections: [...course.sections, section] }));
                 break;
             case ActionLessonType.RENAME:
-                setSCCourse(Object.assign(Object.assign({}, course), { sections: course.sections.map((prevSection) => {
+                setCourse(Object.assign(Object.assign({}, course), { sections: course.sections.map((prevSection) => {
                         if (prevSection.id === section.id) {
                             return Object.assign(Object.assign({}, prevSection), { name: section.name });
                         }
                         return prevSection;
                     }) }));
                 break;
-            case ActionLessonType.DELETE:
-                setSCCourse(Object.assign(Object.assign({}, course), { num_sections: course.num_sections - 1, num_lessons: course.num_lessons - section.num_lessons, sections: course.sections.filter((prevSection) => prevSection.id !== section.id) }));
+            case ActionLessonType.DELETE: {
+                if (newRow) {
+                    setCourse(Object.assign(Object.assign({}, course), { sections: course.sections.filter((prevSection) => prevSection.id !== section.id) }));
+                }
+                else {
+                    setCourse(Object.assign(Object.assign({}, course), { num_sections: course.num_sections - 1, num_lessons: course.num_lessons - section.num_lessons, sections: course.sections.filter((prevSection) => prevSection.id !== section.id) }));
+                }
                 break;
+            }
             case ActionLessonType.UPDATE:
-                setSCCourse(Object.assign(Object.assign({}, course), { sections: course.sections.map((prevSection) => {
+                setCourse(Object.assign(Object.assign({}, course), { sections: course.sections.map((prevSection) => {
                         if (prevSection.id === section.id) {
                             return Object.assign(Object.assign({}, prevSection), { lessons: section.lessons });
                         }
@@ -119,22 +125,32 @@ function Lessons(props) {
                     }) }));
                 break;
             case type.endsWith(ActionLessonType.UPDATE) && type: {
-                let numLessons = course.num_lessons;
-                if (type === ActionLessonType.ADD_UPDATE) {
-                    numLessons = course.num_lessons + 1;
+                if (newRow) {
+                    setCourse(Object.assign(Object.assign({}, course), { sections: course.sections.map((prevSection) => {
+                            if (prevSection.id === section.id) {
+                                return section;
+                            }
+                            return prevSection;
+                        }) }));
                 }
-                else if (type === ActionLessonType.DELETE_UPDATE) {
-                    numLessons = course.num_lessons - 1;
+                else {
+                    let numLessons = course.num_lessons;
+                    if (type === ActionLessonType.ADD_UPDATE) {
+                        numLessons = course.num_lessons + 1;
+                    }
+                    else if (type === ActionLessonType.DELETE_UPDATE) {
+                        numLessons = course.num_lessons - 1;
+                    }
+                    setCourse(Object.assign(Object.assign({}, course), { num_lessons: numLessons, sections: course.sections.map((prevSection) => {
+                            if (prevSection.id === section.id) {
+                                return section;
+                            }
+                            return prevSection;
+                        }) }));
                 }
-                setSCCourse(Object.assign(Object.assign({}, course), { num_lessons: numLessons, sections: course.sections.map((prevSection) => {
-                        if (prevSection.id === section.id) {
-                            return section;
-                        }
-                        return prevSection;
-                    }) }));
             }
         }
-    }, [course, setSections]);
+    }, [course]);
     return (_jsxs(Box, { children: [_jsx(Typography, Object.assign({ className: classes.lessonTitle, variant: "h4" }, { children: _jsx(FormattedMessage, { id: "ui.editCourse.tab.lessons", defaultMessage: "ui.editCourse.tab.lessons" }) })), _jsxs(Stack, Object.assign({ className: classes.lessonInfoWrapper }, { children: [_jsxs(Stack, Object.assign({ className: classes.lessonInfo }, { children: [_jsx(Icon, { children: "courses" }), _jsx(Typography, Object.assign({ variant: "body2" }, { children: _jsx(FormattedMessage, { id: "ui.course.type", defaultMessage: "ui.course.type", values: {
                                         typeOfCourse: intl.formatMessage({
                                             id: `ui.course.type.${course.type}`,

package/lib/esm/components/EditCourse/Options.d.ts

@@ -2,7 +2,7 @@
 import { SCCourseType } from '@selfcommunity/types';
 interface OptionsProps {
     course: SCCourseType;
-    setSCCourse: (course: SCCourseType) => void;
+    setCourse: (course: SCCourseType) => void;
 }
 declare function Options(props: OptionsProps): JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof Options>;

package/lib/esm/components/EditCourse/Options.js

@@ -31,7 +31,7 @@ const OPTIONS = {
 };
 function Options(props) {
     // PROPS
-    const { course, setSCCourse } = props;
+    const { course, setCourse } = props;
     // STATES
     const [tempOptions, setTempOptions] = useState(null);
     const [canSave, setCanSave] = useState(false);
@@ -70,7 +70,7 @@ function Options(props) {
         setLoading(true);
         CourseService.patchCourse(course.id, Object.assign({ id: course.id }, tempOptions))
             .then((data) => {
-            setSCCourse(data);
+            setCourse(data);
             setTempOptions(null);
             setCanSave(false);
             setLoading(false);