{collections.map((collection: any) => (
-
@@ -75,48 +57,51 @@ function Courses(props: CourseProps) {
-
);
diff --git a/front/app/orgs/[orgslug]/(withmenu)/courses/courses.tsx b/front/app/orgs/[orgslug]/(withmenu)/courses/courses.tsx
index f5af8a02..f8265a07 100644
--- a/front/app/orgs/[orgslug]/(withmenu)/courses/courses.tsx
+++ b/front/app/orgs/[orgslug]/(withmenu)/courses/courses.tsx
@@ -1,22 +1,13 @@
'use client';
import CreateCourseModal from '@components/Objects/Modals/Course/Create/CreateCourse';
import Modal from '@components/StyledElements/Modal/Modal';
-import { getBackendUrl, getUriWithOrg } from '@services/config/config';
-import CoursesLogo from "public/svg/courses.svg";
-import CollectionsLogo from "public/svg/collections.svg";
-import { deleteCourseFromBackend } from '@services/courses/courses';
-import Link from 'next/link';
import React from 'react'
-import Image from 'next/image';
-import { AuthContext } from '@components/Security/AuthProvider';
-import { revalidateTags } from '@services/utils/ts/requests';
-import { useRouter } from 'next/navigation';
+import { useSearchParams } from 'next/navigation';
import GeneralWrapperStyled from '@components/StyledElements/Wrappers/GeneralWrapper';
import TypeOfContentTitle from '@components/StyledElements/Titles/TypeOfContentTitle';
import AuthenticatedClientElement from '@components/Security/AuthenticatedClientElement';
-import { getCourseThumbnailMediaDirectory } from '@services/media/media';
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal';
-import { Pencil, X } from 'lucide-react';
+import CourseThumbnail from '@components/Objects/Other/CourseThumbnail';
+import NewCourseButton from '@components/StyledElements/Buttons/NewCourseButton';
interface CourseProps {
orgslug: string;
@@ -24,23 +15,12 @@ interface CourseProps {
org_id: string;
}
-// function to remove "course_" from the course_id
-function removeCoursePrefix(course_id: string) {
- return course_id.replace("course_", "");
-}
-
function Courses(props: CourseProps) {
const orgslug = props.orgslug;
const courses = props.courses;
- const [newCourseModal, setNewCourseModal] = React.useState(false);
- const router = useRouter();
-
- async function deleteCourses(course_id: any) {
- await deleteCourseFromBackend(course_id);
- await revalidateTags(['courses'], orgslug);
-
- router.refresh();
- }
+ const searchParams = useSearchParams();
+ const isCreatingCourse = searchParams.get('new') ? true : false;
+ const [newCourseModal, setNewCourseModal] = React.useState(isCreatingCourse);
async function closeNewCourseModal() {
setNewCourseModal(false);
@@ -64,8 +44,10 @@ function Courses(props: CourseProps) {
dialogTitle="Create Course"
dialogDescription="Create a new course"
dialogTrigger={
-
- }
+
+ }
/>
-
-
+ {collection.name}
-
- {collection.courses.slice(0, 3).map((course: any) => (
-
- 
-
- ))}
-
-
+
))}
+ {collections.length == 0 &&
+
+
+ }
+
+
+
+
+
+
+
+
+
+ No collections yet
+Create a collection to group courses together
+
{courses.map((course: any) => (
+
+
)
}
-const AdminEditsArea = (props: { orgSlug: string, courseId: string, course: any, deleteCourses: any }) => {
- return (
-
-
))}
+ {courses.length == 0 &&
+
-
-
-
- {course.name}
+
+
+ }
+
+ }
+ dialogTitle="Create Course"
+ dialogDescription="Create a new course"
+ dialogTrigger={
+ }
+ />
+
+
+
+
+
+
+
+ No courses yet
+Create a course to add content
+
-
-
}
- functionToExecute={() => props.deleteCourses(props.courseId)}
- status='warning'
- >
-
-
-
-
-
-
+
+
+
+
+
+
{collections.map((collection: any) => (
{/* Courses */}
-
-
-
))}
+ {collections.length == 0 &&
+
-
-
+ {collection.name}
-
- {collection.courses.slice(0, 3).map((course: any) => (
-
-
-
- ))}
-
-
+
+ }
+
+
+
+
+
+
+
+
+ No collections yet
+Create a collection to group courses together
+
+
+
+
+
+
+
{courses.map((course: any) => (
-
-
))}
+ {courses.length == 0 &&
+
-
-
- {course.name}
+
+
+ }
+
+
+
+
+
+
+
+
+ No courses yet
+Create a course to add content
+
+
+ )
+}
+
+const CollectionAdminEditsArea = (props: any) => {
+ const router = useRouter();
+
+ const deleteCollectionUI = async (collectionId: number) => {
+ await deleteCollection(collectionId);
+ await revalidateTags(["collections"], props.orgslug);
+ // reload the page
+ router.refresh();
+ }
+
+ return (
+
+
+
+ {props.collection.courses.slice(0, 2).map((course: any) => (
+ <>
+
+
+
+
+
+
+
+ ))}
+ {props.collection.name}
+ +
+
+
}
+ functionToExecute={() => deleteCollectionUI(props.collection_id)}
+ status='warning'
+ >
+
+
+
+ )
+}
+
+const AdminEditsArea = (props: { orgSlug: string, courseId: string, course: any, deleteCourses: any }) => {
+ return (
+
+
+
+
+ {props.course.name}
+
+
+
+
}
+ functionToExecute={() => props.deleteCourses(props.courseId)}
+ status='warning'
+ >
+
+
+
+
+