- {group.category}
+ {lessonsComponentsCategories[group.category]}
@@ -423,6 +436,7 @@ export function DraggableCreateComponent({
}
function CreateComponent({ component }: { component: Component }) {
+ const { t } = useTranslation();
const { error } = useMessage();
const dispatch = useDispatch();
@@ -431,6 +445,14 @@ function CreateComponent({ component }: { component: Component }) {
const [reqAddLessonContent] = useAddLessonContentMutation();
+ const lessonsCommonComponents = t("lessonsComponents.commonComponents", {
+ returnObjects: true,
+ }) as { [key: string]: string };
+
+ const lessonsMediaComponents = t("lessonsComponents.mediaComponents", {
+ returnObjects: true,
+ }) as { [key: string]: string };
+
return (
{
try {
+ const defaultData =
+ component.type < 2
+ ? lessonsCommonComponents[component.name] ||
+ lessonsMediaComponents[component.name] ||
+ component.defaultData ||
+ ""
+ : component.defaultData || "";
+
const res = await reqAddLessonContent({
lessonId: currentLnId,
type: component.type,
- data: component.defaultData || "",
+ data: defaultData,
}).unwrap();
dispatch(
addLessonContent({
Id: res.Id,
Type: component.type,
- Data: component.defaultData || "",
+ Data: defaultData,
Page: 1,
Position: 1,
})
);
} catch (err) {
console.log("error", err);
- error("Failed to add content");
+ error(t("common.messageRequestFailed"));
}
}}
>
@@ -485,11 +515,13 @@ function CreateComponent({ component }: { component: Component }) {
) : null}
- {
- console.log("onMessagee", message);
- }}
- >
-
- ) : null}
+ return (
+ <>
+ {visible ? (
+
+ {
+ let _response = { ...response };
-
+
+ ) : null}
+
+
- {items.map((item) => (
-
-
+ {items.map((item) => (
+
+
+ {lessonContent.Data}
+
+ );
+ }
- switch (lessonContent.Type) {
- case getTypeByName('Header'):
- if (mode === 'view') {
- return {lessonContent.Data}
;
+ return (
+ -
+ {formattedText}
+
+
+ );
+ }
- try {
- reqUpdateLessonContent({
- lessonId: lessonId,
- contentId: lessonContent.Id,
- data: event,
- });
- } catch (err) {
- console.error(err);
- }
- },
- }}
- level={1}
- style={{
- margin: 0,
- width: '100%',
- }}
- >
- {lessonContent.Data}
-
+ {t("lessonComponentsConverter.noImageProvided")}
+
+ -
- {formattedText}
-
+
+ );
+ }
- onEdit?.(event.target.value);
+ return (
+
+ {t("lessonComponentsConverter.chooseImageFrom")}
- return (
- {
- console.log('edit');
+
+
+
+ {t("lessonComponentsConverter.chooseAnotherImageFrom")}
+
+
+
-
- );
- }
+ {mode === "edititable" && (
+ <>
+
- No image provided
-
-
-
- );
- }
+ debounceRef.current = setTimeout(() => {
+ try {
+ reqUpdateLessonContent({
+ lessonId: lessonId,
+ contentId: lessonContent.Id,
+ data: extractVideoId(event.target.value),
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ }, 1000);
+ }}
+ />
+
+ )}
+
- Choose image from
+ if (event.target.value === "") return;
-
-
+
+ );
+ }
- return (
-
+ {t("lessonComponentsConverter.noVideoProvided")}
+
+
- Choose another image from
-
-
+
+ );
+ }
- return (
-
+ {t("lessonComponentsConverter.chooseVideoFrom")}
- console.log('videoId', videoId);
+
+
+
+ {t("lessonComponentsConverter.chooseAnotherVideoFrom")}
+
+
+
+ {t("lessonComponentsConverter.notImplemented")}
+
+ );
+ case getTypeByName("Banner"):
+ return (
+
+ {t("lessonComponentsConverter.notImplemented")}
+
+ );
- if (debounceRef.current) {
- clearTimeout(debounceRef.current);
- }
-
- if (event.target.value === '') {
- return;
- }
-
- debounceRef.current = setTimeout(() => {
- try {
- reqUpdateLessonContent({
- lessonId: lessonId,
- contentId: lessonContent.Id,
- data: extractVideoId(event.target.value),
- });
- } catch (err) {
- console.error(err);
- }
- }, 1000);
- }}
- />
-
- )}
-
-
- );
- }
-
- 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
;
- }
+ default:
+ return {t("lessonComponentsConverter.unkownType")}
;
+ }
}
diff --git a/src/features/Lessons/index.tsx b/src/features/Lessons/index.tsx
index f82fefd..f8a670e 100644
--- a/src/features/Lessons/index.tsx
+++ b/src/features/Lessons/index.tsx
@@ -16,15 +16,23 @@ import LessonPreviewCard from "shared/components/MyLessonPreviewCard";
import { useMessage } from "core/context/MessageContext";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
-import { lessons, setLessons } from "./lessonsSlice";
+import {
+ lessons,
+ searchFilter,
+ setLessons,
+ setSearchFilter,
+} from "./lessonsSlice";
import {
addWebSocketReconnectListener,
removeWebSocketReconnectListener,
} from "core/services/websocketService";
import MyCenteredSpin from "shared/components/MyCenteredSpin";
+import { useTranslation } from "react-i18next";
const CreateLessonButton: React.FC = () => {
const navigate = useNavigate();
+ const { t } = useTranslation();
+
const [createLesson, { isLoading }] = useCreateLessonMutation();
const { success, error } = useMessage();
@@ -33,7 +41,7 @@ const CreateLessonButton: React.FC = () => {
const res = await createLesson({}).unwrap();
if (res && res.Id) {
- success("Lesson created successfully ");
+ success(t("lessons.messageLessonSuccessfullyCreated"));
navigate(
Constants.ROUTE_PATHS.LESSIONS.PAGE_EDITOR.replace(
@@ -44,7 +52,7 @@ const CreateLessonButton: React.FC = () => {
}
} catch (err) {
console.error(err);
- error("Failed to create lesson");
+ error(t("common.messageRequestFailed"));
}
};
@@ -54,14 +62,16 @@ const CreateLessonButton: React.FC = () => {
onClick={handleCreateLesson}
loading={isLoading}
>
- Create
+ {t("common.create")}
);
};
const LessonList: React.FC = () => {
+ const { t } = useTranslation();
const dispatch = useDispatch();
const dataLessons = useSelector(lessons);
+ const dataSearchFilter = useSelector(searchFilter);
const { data, error, isLoading, refetch } = useGetLessonsQuery(undefined, {
refetchOnMountOrArgChange: true,
@@ -84,8 +94,12 @@ const LessonList: React.FC = () => {
if (!dataLessons || dataLessons.length === 0) return
+
))}
diff --git a/src/features/Settings/index.tsx b/src/features/Settings/index.tsx
index 4a214ad..5998453 100644
--- a/src/features/Settings/index.tsx
+++ b/src/features/Settings/index.tsx
@@ -30,6 +30,7 @@ import {
addWebSocketReconnectListener,
removeWebSocketReconnectListener,
} from "core/services/websocketService";
+import { useTranslation } from "react-i18next";
type GeneralFieldType = {
primaryColor: string | AggregationColor;
@@ -37,6 +38,8 @@ type GeneralFieldType = {
};
export default function Settings() {
+ const { t } = useTranslation();
+
const { data, error, isLoading, refetch } = useGetOrganizationSettingsQuery(
undefined,
{
@@ -54,7 +57,11 @@ export default function Settings() {
return (
<>
- WhatsNew
- - ); + const { t } = useTranslation(); + + return ( + <> +{lessonSettings.Title}
-
-
- {avatarContent}
-
-
- );
+ return (
+
+
+ {avatarContent}
+
+
+ );
};
export default MyUserAvatar;