-
- ))}
-
- );
+ return (
+ <>
+ {data.map((lessonContent) => (
+
+
+ ))}
+
+ );
};
export default function LessonPage() {
- const location = useLocation();
- const navigate = useNavigate();
+ const location = useLocation();
+ const navigate = useNavigate();
- return (
- <>
-
- {items.map((item) => (
-
-
+ {items.map((item) => (
+
+
-
- {
- console.log("edit", lnContent.Id, data);
+ return (
+
+
+
+ );
};
+/*
+ {component.uploadImage ? (
+
+
+
+
+
+ {
+ console.log('edit', lnContent.Id, data);
- dispatch(
- updateLessonContent({
- id: lnContent.Id,
- data: data,
- })
- );
- }}
- />
+ dispatch(
+ updateLessonContent({
+ id: lnContent.Id,
+ data: data,
+ })
+ );
+ }}
+ />
+
-
- {component.uploadImage ? (
-
+
-
- ) : null}
- {component.uploadFileTypes ? (
-
-
- ) : null}
-
- {
- console.log("delete", lnContent.Id);
- dispatch(deleteLessonContent(lnContent.Id));
+
+
-
-
- );
+ try {
+ reqDeleteLessonContent({
+ lessonId: currentLnId,
+ contentId: lnContent.Id,
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ }}
+ />
+
+ {
+ console.log('delete', lnContent.Id);
+ dispatch(deleteLessonContent(lnContent.Id));
- try {
- reqDeleteLessonContent({
- lessonId: currentLnId,
- contentId: lnContent.Id,
- });
- } catch (err) {
- console.error(err);
- }
- }}
- />
-
-
+
+) : null}
+{component.uploadFileTypes ? (
+
+
+) : null}
+*/
+
export default SortableEditorItem;
diff --git a/src/features/Lessons/LessonPageEditor/index.tsx b/src/features/Lessons/LessonPageEditor/index.tsx
index 61db18d..9c4ee46 100644
--- a/src/features/Lessons/LessonPageEditor/index.tsx
+++ b/src/features/Lessons/LessonPageEditor/index.tsx
@@ -1,156 +1,120 @@
-import { useNavigate, useParams } from "react-router-dom";
-import {
- lessonContents,
- lessonThumbnail,
- setCurrentLessonId,
- setEditorActive,
- setLessonContents,
- setLessonState,
-} from "./lessonPageEditorSlice";
-import { useEffect } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import { Card, Flex } from "antd";
-import { Constants } from "core/utils/utils";
-import HeaderBar from "core/components/Header";
-import Droppable from "./Droppable";
-import LessonPreviewCard from "shared/components/MyLessonPreviewCard";
-import {
- useGetLessonContentsQuery,
- useGetLessonSettingsQuery,
- useUpdateLessonPreviewTitleMutation,
-} from "core/services/lessons";
-import MyErrorResult from "shared/components/MyResult";
-import styles from "./styles.module.css";
-import MyEmpty from "shared/components/MyEmpty";
+import { useNavigate, useParams } from 'react-router-dom';
+import { lessonContents, lessonThumbnail, setCurrentLessonId, setEditorActive, setLessonContents, setLessonState } from './lessonPageEditorSlice';
+import { useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { Card, Flex } from 'antd';
+import { Constants } from 'core/utils/utils';
+import HeaderBar from 'core/components/Header';
+import Droppable from './Droppable';
+import LessonPreviewCard from 'shared/components/MyLessonPreviewCard';
+import { useGetLessonContentsQuery, useGetLessonSettingsQuery, useUpdateLessonPreviewTitleMutation } from 'core/services/lessons';
+import MyErrorResult from 'shared/components/MyResult';
+import styles from './styles.module.css';
+import MyEmpty from 'shared/components/MyEmpty';
const PreviewCard: React.FC = () => {
- const dispatch = useDispatch();
- const { lessonId } = useParams();
+ const dispatch = useDispatch();
+ const { lessonId } = useParams();
- const { data, error, isLoading, refetch } = useGetLessonSettingsQuery(
- lessonId as string,
- {
- refetchOnMountOrArgChange: true,
- }
- );
+ const { data, error, isLoading, refetch } = useGetLessonSettingsQuery(lessonId as string, {
+ refetchOnMountOrArgChange: true,
+ });
- const [updateLessonPreviewTitle] = useUpdateLessonPreviewTitleMutation();
+ const [updateLessonPreviewTitle] = useUpdateLessonPreviewTitleMutation();
- useEffect(() => {
- if (data?.State) dispatch(setLessonState(data.State));
- }, [data]);
+ useEffect(() => {
+ if (data?.State) dispatch(setLessonState(data.State));
+ }, [data]);
- if (error) return
- {lessonContent.Data}
-
- );
- }
+ const debounceRef = useRef
- {lessonContent.Data}
-
- );
- }
-
- return (
- {lessonContent.Data}
;
}
- debounceRef.current = setTimeout(() => {
- try {
- reqUpdateLessonContent({
- lessonId: lessonId,
- contentId: lessonContent.Id,
- data: event.target.value,
- });
- } catch (err) {
- console.error(err);
- }
- }, 1000);
- }}
- />
- );
- case getTypeByName("Image"):
- console.log("image", lessonContent.Data);
+ return (
+
-
- );
- }
+ try {
+ reqUpdateLessonContent({
+ lessonId: lessonId,
+ contentId: lessonContent.Id,
+ data: event,
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ },
+ }}
+ level={1}
+ style={{
+ margin: 0,
+ width: '100%',
+ }}
+ >
+ {lessonContent.Data}
+
- No image provided
-
-
-
- );
- }
+ return
- Choose image from
-
-
-
-
-
- - {formattedText}
- {lessonContent.Data}
-
- );
- case getTypeByName("Video"):
- return Not implemented
;
- case getTypeByName("Iframe"):
- return Not implemented
;
- case getTypeByName("Banner"):
- return Not implemented
;
+ return (
+ Unknown type
;
- }
+ onEdit?.(event.target.value);
+
+ if (debounceRef.current) {
+ clearTimeout(debounceRef.current);
+ }
+
+ debounceRef.current = setTimeout(() => {
+ try {
+ reqUpdateLessonContent({
+ lessonId: lessonId,
+ contentId: lessonContent.Id,
+ data: event.target.value,
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ }, 1000);
+ }}
+ />
+ );
+ case getTypeByName('Image'):
+ console.log('image', lessonContent.Data);
+
+ if (mode === 'view' && lessonContent.Data === '') {
+ return (
+
+
+ );
+ }
+
+ const GalleryUpload = () => {
+ return (
+
+ No image provided
+
+
+
+ );
+ }
+
+ return (
+
+ Choose image from
+
+
+
+ Choose another image from
+
+
+
+ );
+ }
+
+ const VideoUpload = () => {
+ return (
+
+ No video provided
+
+
+
+ );
+ }
+
+ return (
+
+ Choose video from
+
+
+
+ Choose another video from
+
+ Not implemented
;
+ case getTypeByName('Banner'):
+ return Not implemented
;
+
+ default:
+ return Unknown type
;
+ }
}
diff --git a/src/features/Settings/index.tsx b/src/features/Settings/index.tsx
index 47a1aff..d17c4aa 100644
--- a/src/features/Settings/index.tsx
+++ b/src/features/Settings/index.tsx
@@ -6,37 +6,70 @@ import { SaveOutlined } from "@ant-design/icons";
import MyUpload from "shared/components/MyUpload";
import { Constants } from "core/utils/utils";
import ColorPicker from "antd/es/color-picker";
+import { useGetOrganizationSettingsQuery } from "core/services/organization";
+import MyErrorResult from "shared/components/MyResult";
+import { useForm } from "antd/es/form/Form";
+import { useEffect } from "react";
+import { AggregationColor } from "antd/es/color-picker/color";
+
+type FieldType = {
+ primaryColor: string;
+ companyName: string;
+ subdomain: string;
+};
export default function Settings() {
+ const { data, error, isLoading } = useGetOrganizationSettingsQuery(
+ undefined,
+ {
+ refetchOnMountOrArgChange: true,
+ }
+ );
+
+ const [form] = useForm