Loading...
:
+
+
+
);
}
diff --git a/front/app/orgs/[orgslug]/(withmenu)/course/[courseid]/activity/[activityid]/activity.tsx b/front/app/orgs/[orgslug]/(withmenu)/course/[courseid]/activity/[activityid]/activity.tsx
new file mode 100644
index 00000000..bf498799
--- /dev/null
+++ b/front/app/orgs/[orgslug]/(withmenu)/course/[courseid]/activity/[activityid]/activity.tsx
@@ -0,0 +1,220 @@
+"use client";
+import Link from "next/link";
+import React, { useMemo } from "react";
+import { getAPIUrl, getBackendUrl, getUriWithOrg } from "@services/config/config";
+import Canva from "@components/Pages/Activities/DynamicCanva/DynamicCanva";
+import styled from "styled-components";
+import VideoActivity from "@components/Pages/Activities/Video/Video";
+import useSWR, { mutate } from "swr";
+import { Check } from "lucide-react";
+import { markActivityAsComplete } from "@services/courses/activity";
+import ToolTip from "@components/UI/Tooltip/Tooltip";
+import DocumentPdfActivity from "@components/Pages/Activities/DocumentPdf/DocumentPdf";
+
+interface ActivityClientProps {
+ activityid: string;
+ courseid: string;
+ orgslug: string;
+ activity: any;
+ course: any;
+}
+
+function ActivityClient(props: ActivityClientProps) {
+ const activityid = props.activityid;
+ const courseid = props.courseid;
+ const orgslug = props.orgslug;
+ const activity = props.activity;
+ const course = props.course;
+
+
+ async function markActivityAsCompleteFront() {
+ const trail = await markActivityAsComplete(orgslug, courseid, activityid);
+ mutate(`${getAPIUrl()}activities/activity_${activityid}`);
+ mutate(`${getAPIUrl()}courses/meta/course_${courseid}`);
+ }
+
+ return (
+ <>
+ {JSON.stringify(activity, null, 2)}
+ }content/uploads/img/${course.course.thumbnail}`})
+
+ Course
+{course.course.name}
+
+ {chapter.activities.map((activity: any) => {
+ return (
+
+
+
+ );
+ })}
+
+
+
+ );
+ })}
+ Failed to load
} - {!course || !activity ? ( -Loading...
- ) : (
-
-
- Course
-{course.course.name}
-
- {chapter.activities.map((activity: any) => {
- return (
-
-
-
- );
- })}
-
-
-
- );
- })}
- Failed to load {error_activity.message}
} -Course
+
+ {course.course.name}{" "}
+
+
+
+
+ Description
+ +{course.course.description}
+What you will learn
+{course.learnings == ![] ? "no data" : course.learnings}
+Course Lessons
+ +
+
+ );
+ })}
+ {chapter.name}
+{chapter.activities.map((activity: any) => {
+ return (
+ <>
+
+
+ {activity.name}
+
+
Failed to load
} - {!course ? ( --
Course
-
- {course.course.name}{" "}
-
-
-
- Description
- -{course.course.description}
-What you will learn
-{course.course.learnings == ![] ? "no data" : course.course.learnings}
-Course Lessons
- -
-
- );
- })}
- {chapter.name}
-{chapter.activities.map((activity: any) => {
- return (
- <>
-
-
- {activity.name}
-
-
+
+ )
+}
-const ChapterSeparator = styled.div`
- display: flex;
- flex-direction: row;
- padding-right: 7px;
-`;
-
-const BoxWrapper = styled.div`
- background: #ffffff;
- box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.03);
- border-radius: 7px;
- padding: 20px;
- padding-top: 7px;
- padding-left: 30px;
-
- p {
- font-family: "DM Sans";
- font-style: normal;
- font-weight: 500;
- line-height: 16px;
- letter-spacing: -0.02em;
-
- color: #9d9d9d;
- }
-`;
-
-const CourseMetaWrapper = styled.div`
- display: flex;
- justify-content: space-between;
-`;
-
-const CourseMetaLeft = styled.div`
- width: 80%;
-`;
-
-const CourseMetaRight = styled.div`
- background: #ffffff;
- box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.03);
- border-radius: 7px;
- padding: 20px;
- width: 30%;
- display: flex;
- height: 100%;
- justify-content: center;
- margin-left: 50px;
- margin-top: 20px;
- button {
- width: 100%;
- height: 50px;
- background: #151515;
- border-radius: 15px;
- border: none;
- color: white;
- font-weight: 700;
- font-family: "DM Sans";
- font-size: 16px;
- letter-spacing: -0.05em;
- transition: all 0.2s ease;
- box-shadow: 0px 13px 33px -13px rgba(0, 0, 0, 0.42);
-
- &:hover {
- cursor: pointer;
- background: #000000;
- }
- }
-`;
-
-export default CourseIdPage;
+export default CoursePage
\ No newline at end of file
diff --git a/front/app/orgs/[orgslug]/(withmenu)/courses/page.tsx b/front/app/orgs/[orgslug]/(withmenu)/courses/page.tsx
index 17dd3580..ef2615db 100644
--- a/front/app/orgs/[orgslug]/(withmenu)/courses/page.tsx
+++ b/front/app/orgs/[orgslug]/(withmenu)/courses/page.tsx
@@ -17,7 +17,7 @@ export async function generateMetadata(
// Get Org context information
const org = await getOrganizationContextInfo(params.orgslug, { revalidate: 1800, tags: ['organizations'] });
return {
- title: org.name + " — Courses",
+ title: "Courses — " + org.name,
description: org.description,
};
}
diff --git a/front/app/orgs/[orgslug]/(withmenu)/page.tsx b/front/app/orgs/[orgslug]/(withmenu)/page.tsx
index ee1d2d7f..4c5def42 100644
--- a/front/app/orgs/[orgslug]/(withmenu)/page.tsx
+++ b/front/app/orgs/[orgslug]/(withmenu)/page.tsx
@@ -1,17 +1,16 @@
export const dynamic = 'force-dynamic';
import { Metadata, ResolvingMetadata } from 'next';
-import { Menu } from "@components/UI/Elements/Menu";
import { getBackendUrl, getUriWithOrg } from "@services/config/config";
-import { getOrgCourses } from "@services/courses/courses";
+import { getCourse, getOrgCourses, getOrgCoursesWithAuthHeader } from "@services/courses/courses";
import CoursesLogo from "public/svg/courses.svg";
import CollectionsLogo from "public/svg/collections.svg";
import Link from "next/link";
import Image from "next/image";
-import { log } from "console";
-import AuthProvider from "@components/Security/AuthProvider";
-import { getOrgCollections } from "@services/courses/collections";
+import { getOrgCollections, getOrgCollectionsWithAuthHeader } from "@services/courses/collections";
import { getOrganizationContextInfo } from '@services/organizations/orgs';
+import { cookies } from 'next/headers';
+
type MetadataProps = {
params: { orgslug: string };
searchParams: { [key: string]: string | string[] | undefined };
@@ -21,18 +20,23 @@ export async function generateMetadata(
{ params }: MetadataProps,
): Promise