mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
feat: migrate course page to server component
This commit is contained in:
swve
parent
9f28dfe7e8
commit
9b224a4331
6 changed files with 286 additions and 255 deletions
232
front/app/orgs/[orgslug]/(withmenu)/course/[courseid]/course.tsx
Normal file
232
front/app/orgs/[orgslug]/(withmenu)/course/[courseid]/course.tsx
Normal file
|
|
@ -0,0 +1,232 @@
|
||||||
|
"use client";
|
||||||
|
import { EyeOpenIcon, Pencil2Icon } from "@radix-ui/react-icons";
|
||||||
|
import { removeCourse, startCourse } from "@services/courses/activity";
|
||||||
|
import Link from "next/link";
|
||||||
|
import React from "react";
|
||||||
|
import styled from "styled-components";
|
||||||
|
import { getAPIUrl, getBackendUrl, getUriWithOrg } from "@services/config/config";
|
||||||
|
import useSWR, { mutate } from "swr";
|
||||||
|
import ToolTip from "@components/UI/Tooltip/Tooltip";
|
||||||
|
import PageLoading from "@components/Pages/PageLoading";
|
||||||
|
import { revalidateTags } from "@services/utils/ts/requests";
|
||||||
|
|
||||||
|
const CourseClient = (props: any) => {
|
||||||
|
const courseid = props.courseid;
|
||||||
|
const orgslug = props.orgslug;
|
||||||
|
const course = props.course;
|
||||||
|
|
||||||
|
async function startCourseUI() {
|
||||||
|
// Create activity
|
||||||
|
await startCourse("course_" + courseid, orgslug);
|
||||||
|
|
||||||
|
revalidateTags(['courses']);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function quitCourse() {
|
||||||
|
|
||||||
|
// Close activity
|
||||||
|
let activity = await removeCourse("course_" + courseid, orgslug);
|
||||||
|
console.log(activity);
|
||||||
|
|
||||||
|
// Mutate course
|
||||||
|
revalidateTags(['courses']);
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(course);
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{!course ? (
|
||||||
|
<PageLoading></PageLoading>
|
||||||
|
) : (
|
||||||
|
<CoursePageLayout className="pt-6">
|
||||||
|
<p className="text-lg font-bold">Course</p>
|
||||||
|
<h1 className="text-3xl font-bold flex items-center space-x-5">
|
||||||
|
{course.course.name}{" "}
|
||||||
|
<Link href={getUriWithOrg(orgslug, "") + `/course/${courseid}/edit`} rel="noopener noreferrer">
|
||||||
|
<Pencil2Icon />
|
||||||
|
</Link>{" "}
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<CourseThumbnailWrapper>
|
||||||
|
<img src={`${getBackendUrl()}content/uploads/img/${course.course.thumbnail}`} alt="" />
|
||||||
|
</CourseThumbnailWrapper>
|
||||||
|
|
||||||
|
<CourseMetaWrapper>
|
||||||
|
<CourseMetaLeft>
|
||||||
|
<h2 className="py-3 font-bold">Description</h2>
|
||||||
|
|
||||||
|
<BoxWrapper>
|
||||||
|
<p className="py-3">{course.course.description}</p>
|
||||||
|
</BoxWrapper>
|
||||||
|
|
||||||
|
<h2 className="py-3 font-bold">What you will learn</h2>
|
||||||
|
<BoxWrapper>
|
||||||
|
<p className="py-3">{course.learnings == ![] ? "no data" : course.learnings}</p>
|
||||||
|
</BoxWrapper>
|
||||||
|
|
||||||
|
<h2 className="py-3 font-bold">Course Lessons</h2>
|
||||||
|
|
||||||
|
<BoxWrapper>
|
||||||
|
{course.chapters.map((chapter: any) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={chapter}
|
||||||
|
className="py-3"
|
||||||
|
>
|
||||||
|
<h3 className="text-lg">{chapter.name}</h3>
|
||||||
|
<div
|
||||||
|
className="py-3"
|
||||||
|
>{chapter.activities.map((activity: any) => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<p className="flex text-md">
|
||||||
|
{activity.name}
|
||||||
|
<Link className="pl-3" href={getUriWithOrg(orgslug, "") + `/course/${courseid}/activity/${activity.id.replace("activity_", "")}`} rel="noopener noreferrer">
|
||||||
|
<EyeOpenIcon />
|
||||||
|
</Link>{" "}
|
||||||
|
</p>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
})}</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</BoxWrapper>
|
||||||
|
</CourseMetaLeft>
|
||||||
|
<CourseMetaRight>
|
||||||
|
{course.trail.status == "ongoing" ? (
|
||||||
|
<button style={{ backgroundColor: "red" }} onClick={quitCourse}>
|
||||||
|
Quit Course
|
||||||
|
</button>
|
||||||
|
) : (
|
||||||
|
<button onClick={startCourseUI}>Start Course</button>
|
||||||
|
)}
|
||||||
|
</CourseMetaRight>
|
||||||
|
</CourseMetaWrapper>
|
||||||
|
</CoursePageLayout>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const CourseThumbnailWrapper = styled.div`
|
||||||
|
display: flex;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: center;
|
||||||
|
background: url(), #d9d9d9;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.19);
|
||||||
|
box-shadow: 0px 13px 33px -13px rgba(0, 0, 0, 0.42);
|
||||||
|
border-radius: 7px;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
const CoursePageLayout = styled.div`
|
||||||
|
width: 1300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
p {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
letter-spacing: -0.05em;
|
||||||
|
|
||||||
|
color: #727272;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin-top: 5px;
|
||||||
|
letter-spacing: -0.05em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const ChaptersWrapper = styled.div`
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
`;
|
||||||
|
const CourseIndicator = styled.div< { active?: boolean, done?: boolean } >`
|
||||||
|
border-radius: 20px;
|
||||||
|
height: 5px;
|
||||||
|
background: #151515;
|
||||||
|
border-radius: 3px;
|
||||||
|
|
||||||
|
background-color: ${props => props.done ? "green" : "black"};
|
||||||
|
|
||||||
|
width: 40px;
|
||||||
|
margin: 10px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-left: 0px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: #9d9d9d;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
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 CourseClient;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
import PageLoading from "@components/Pages/PageLoading";
|
||||||
|
|
||||||
|
export default function Loading() {
|
||||||
|
// Or a custom loading skeleton component
|
||||||
|
return (
|
||||||
|
<PageLoading></PageLoading>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -1,261 +1,44 @@
|
||||||
"use client";
|
import React from 'react'
|
||||||
import { EyeOpenIcon, Pencil2Icon } from "@radix-ui/react-icons";
|
import CourseClient from './course'
|
||||||
import { removeCourse, startCourse } from "@services/courses/activity";
|
import { cookies } from 'next/headers';
|
||||||
import Link from "next/link";
|
import { getCourseMetadataWithAuthHeader } from '@services/courses/courses';
|
||||||
import React from "react";
|
import { getOrganizationContextInfo } from '@services/organizations/orgs';
|
||||||
import styled from "styled-components";
|
import { Metadata } from 'next';
|
||||||
import { getAPIUrl, getBackendUrl, getUriWithOrg } from "@services/config/config";
|
|
||||||
import useSWR, { mutate } from "swr";
|
|
||||||
import { swrFetcher } from "@services/utils/ts/requests";
|
|
||||||
import { useRouter } from "next/navigation";
|
|
||||||
import ToolTip from "@components/UI/Tooltip/Tooltip";
|
|
||||||
import PageLoading from "@components/Pages/PageLoading";
|
|
||||||
|
|
||||||
const CourseIdPage = (params: any) => {
|
type MetadataProps = {
|
||||||
const courseid = params.params.courseid;
|
params: { orgslug: string, courseid: string };
|
||||||
const orgslug = params.params.orgslug;
|
searchParams: { [key: string]: string | string[] | undefined };
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const { data: course, error: error } = useSWR(`${getAPIUrl()}courses/meta/course_${courseid}`,
|
|
||||||
(url: string, body: any) => swrFetcher(url, body, router)
|
|
||||||
);
|
|
||||||
|
|
||||||
async function startCourseUI() {
|
|
||||||
// Create activity
|
|
||||||
await startCourse("course_" + courseid, orgslug);
|
|
||||||
|
|
||||||
// Mutate course
|
|
||||||
mutate(`${getAPIUrl()}courses/meta/course_${courseid}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function quitCourse() {
|
|
||||||
|
|
||||||
// Close activity
|
|
||||||
let activity = await removeCourse("course_" + courseid, orgslug);
|
|
||||||
console.log(activity);
|
|
||||||
|
|
||||||
// Mutate course
|
|
||||||
mutate(`${getAPIUrl()}courses/meta/course_${courseid}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{error && <p>Failed to load</p>}
|
|
||||||
{!course ? (
|
|
||||||
<PageLoading></PageLoading>
|
|
||||||
) : (
|
|
||||||
<CoursePageLayout>
|
|
||||||
<br></br>
|
|
||||||
<p className="text-lg font-bold">Course</p>
|
|
||||||
<h1 className="text-3xl font-bold flex items-center space-x-5">
|
|
||||||
{course.course.name}{" "}
|
|
||||||
<Link href={getUriWithOrg(orgslug, "") + `/course/${courseid}/edit`} rel="noopener noreferrer">
|
|
||||||
<Pencil2Icon />
|
|
||||||
</Link>{" "}
|
|
||||||
</h1>
|
|
||||||
<ChaptersWrapper>
|
|
||||||
{course.chapters.map((chapter: any) => {
|
|
||||||
return (
|
|
||||||
<ChapterSeparator key={chapter}>
|
|
||||||
{chapter.activities.map((activity: any) => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<ToolTip sideOffset={-18} slateBlack content={activity.name}>
|
|
||||||
<Link href={getUriWithOrg(orgslug, "") + `/course/${courseid}/activity/${activity.id.replace("activity_", "")}`}>
|
|
||||||
<CourseIndicator
|
|
||||||
done={course.trail.activities_marked_complete && course.trail.activities_marked_complete.includes(activity.id) && course.trail.status == "ongoing"}
|
|
||||||
/>
|
|
||||||
</Link>
|
|
||||||
</ToolTip>
|
|
||||||
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</ChapterSeparator>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</ChaptersWrapper>
|
|
||||||
|
|
||||||
<CourseThumbnailWrapper>
|
|
||||||
<img src={`${getBackendUrl()}content/uploads/img/${course.course.thumbnail}`} alt="" />
|
|
||||||
</CourseThumbnailWrapper>
|
|
||||||
|
|
||||||
<CourseMetaWrapper>
|
|
||||||
<CourseMetaLeft>
|
|
||||||
<h2 className="py-3 font-bold">Description</h2>
|
|
||||||
|
|
||||||
<BoxWrapper>
|
|
||||||
<p className="py-3">{course.course.description}</p>
|
|
||||||
</BoxWrapper>
|
|
||||||
|
|
||||||
<h2 className="py-3 font-bold">What you will learn</h2>
|
|
||||||
<BoxWrapper>
|
|
||||||
<p className="py-3">{course.course.learnings == ![] ? "no data" : course.course.learnings}</p>
|
|
||||||
</BoxWrapper>
|
|
||||||
|
|
||||||
<h2 className="py-3 font-bold">Course Lessons</h2>
|
|
||||||
|
|
||||||
<BoxWrapper>
|
|
||||||
{course.chapters.map((chapter: any) => {
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key={chapter}
|
|
||||||
className="py-3"
|
|
||||||
>
|
|
||||||
<h3 className="text-lg">{chapter.name}</h3>
|
|
||||||
<div
|
|
||||||
className="py-3"
|
|
||||||
>{chapter.activities.map((activity: any) => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<p className="flex text-md">
|
|
||||||
{activity.name}
|
|
||||||
<Link className="pl-3" href={getUriWithOrg(orgslug, "") + `/course/${courseid}/activity/${activity.id.replace("activity_", "")}`} rel="noopener noreferrer">
|
|
||||||
<EyeOpenIcon />
|
|
||||||
</Link>{" "}
|
|
||||||
</p>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
})}</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</BoxWrapper>
|
|
||||||
</CourseMetaLeft>
|
|
||||||
<CourseMetaRight>
|
|
||||||
{course.trail.status == "ongoing" ? (
|
|
||||||
<button style={{ backgroundColor: "red" }} onClick={quitCourse}>
|
|
||||||
Quit Course
|
|
||||||
</button>
|
|
||||||
) : (
|
|
||||||
<button onClick={startCourseUI}>Start Course</button>
|
|
||||||
)}
|
|
||||||
</CourseMetaRight>
|
|
||||||
</CourseMetaWrapper>
|
|
||||||
</CoursePageLayout>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const CourseThumbnailWrapper = styled.div`
|
export async function generateMetadata(
|
||||||
display: flex;
|
{ params }: MetadataProps,
|
||||||
padding-bottom: 20px;
|
): Promise<Metadata> {
|
||||||
img {
|
const cookieStore = cookies();
|
||||||
width: 100%;
|
const access_token_cookie: any = cookieStore.get('access_token_cookie');
|
||||||
height: 300px;
|
|
||||||
object-fit: cover;
|
|
||||||
object-position: center;
|
|
||||||
background: url(), #d9d9d9;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.19);
|
|
||||||
box-shadow: 0px 13px 33px -13px rgba(0, 0, 0, 0.42);
|
|
||||||
border-radius: 7px;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
const CoursePageLayout = styled.div`
|
|
||||||
width: 1300px;
|
|
||||||
margin: 0 auto;
|
|
||||||
p {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
letter-spacing: -0.05em;
|
|
||||||
|
|
||||||
color: #727272;
|
// Get Org context information
|
||||||
font-weight: 700;
|
const org = await getOrganizationContextInfo(params.orgslug, { revalidate: 1800, tags: ['organizations'] });
|
||||||
}
|
const course_meta = await getCourseMetadataWithAuthHeader(params.courseid, { revalidate: 360, tags: ['courses'] }, access_token_cookie.value)
|
||||||
h1 {
|
|
||||||
margin-top: 5px;
|
|
||||||
letter-spacing: -0.05em;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const ChaptersWrapper = styled.div`
|
return {
|
||||||
display: flex;
|
title: course_meta.course.name + ` — ${org.name}`,
|
||||||
width: 100%;
|
description: course_meta.course.mini_description,
|
||||||
`;
|
};
|
||||||
const CourseIndicator = styled.div< { active?: boolean, done?: boolean } >`
|
}
|
||||||
border-radius: 20px;
|
|
||||||
height: 5px;
|
|
||||||
background: #151515;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
background-color: ${props => props.done ? "green" : "black"};
|
|
||||||
|
|
||||||
width: 40px;
|
|
||||||
margin: 10px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
margin-left: 0px;
|
|
||||||
|
|
||||||
&:hover {
|
const CoursePage = async (params: any) => {
|
||||||
cursor: pointer;
|
const cookieStore = cookies();
|
||||||
background-color: #9d9d9d;
|
const access_token_cookie: any = cookieStore.get('access_token_cookie');
|
||||||
}
|
const courseid = params.params.courseid
|
||||||
`;
|
const orgslug = params.params.orgslug;
|
||||||
|
const course_meta = await getCourseMetadataWithAuthHeader(courseid, { revalidate: 360, tags: ['courses'] }, access_token_cookie.value)
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<CourseClient courseid={courseid} orgslug={orgslug} course={course_meta} />
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
const ChapterSeparator = styled.div`
|
export default CoursePage
|
||||||
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;
|
|
||||||
|
|
@ -17,7 +17,7 @@ export async function generateMetadata(
|
||||||
// Get Org context information
|
// Get Org context information
|
||||||
const org = await getOrganizationContextInfo(params.orgslug, { revalidate: 1800, tags: ['organizations'] });
|
const org = await getOrganizationContextInfo(params.orgslug, { revalidate: 1800, tags: ['organizations'] });
|
||||||
return {
|
return {
|
||||||
title: org.name + " — Courses",
|
title: "Courses — " + org.name,
|
||||||
description: org.description,
|
description: org.description,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import { getAPIUrl } from "@services/config/config";
|
import { getAPIUrl } from "@services/config/config";
|
||||||
import { RequestBody, errorHandling } from "@services/utils/ts/requests";
|
import { RequestBody, RequestBodyWithAuthHeader, errorHandling } from "@services/utils/ts/requests";
|
||||||
|
|
||||||
/*
|
/*
|
||||||
This file includes only POST, PUT, DELETE requests
|
This file includes only POST, PUT, DELETE requests
|
||||||
|
|
@ -8,11 +8,13 @@ import { RequestBody, errorHandling } from "@services/utils/ts/requests";
|
||||||
|
|
||||||
//TODO : depreciate this function
|
//TODO : depreciate this function
|
||||||
export async function getCourseChaptersMetadata(course_id: any, next: any) {
|
export async function getCourseChaptersMetadata(course_id: any, next: any) {
|
||||||
const result = await fetch(`${getAPIUrl()}chapters/meta/course_${course_id}`, RequestBody("GET", null,next));
|
const result = await fetch(`${getAPIUrl()}chapters/meta/course_${course_id}`, RequestBody("GET", null, next));
|
||||||
const res = await errorHandling(result);
|
const res = await errorHandling(result);
|
||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export async function updateChaptersMetadata(course_id: any, data: any) {
|
export async function updateChaptersMetadata(course_id: any, data: any) {
|
||||||
const result: any = await fetch(`${getAPIUrl()}chapters/meta/course_${course_id}`, RequestBody("PUT", data, null));
|
const result: any = await fetch(`${getAPIUrl()}chapters/meta/course_${course_id}`, RequestBody("PUT", data, null));
|
||||||
const res = await errorHandling(result);
|
const res = await errorHandling(result);
|
||||||
|
|
|
||||||
|
|
@ -19,6 +19,11 @@ export async function getOrgCoursesWithAuthHeader(org_id: number, next: any, acc
|
||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export async function getCourseMetadataWithAuthHeader(course_id: any, next: any, access_token: string) {
|
||||||
|
const result = await fetch(`${getAPIUrl()}courses/meta/course_${course_id}`, RequestBodyWithAuthHeader("GET", null, next, access_token));
|
||||||
|
const res = await errorHandling(result);
|
||||||
|
return res;
|
||||||
|
}
|
||||||
|
|
||||||
export async function getCourse(course_id: string, next: any) {
|
export async function getCourse(course_id: string, next: any) {
|
||||||
const result: any = await fetch(`${getAPIUrl()}courses/${course_id}`, RequestBody("GET", null, next));
|
const result: any = await fetch(`${getAPIUrl()}courses/${course_id}`, RequestBody("GET", null, next));
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue