Update

Author: hkirat

src/components/AppxVideoPlayer.tsx

@@ -39,3 +39,4 @@ export const AppxVideoPlayer = ({
 
   return <iframe src={url} className="h-[80vh] w-[80vw] rounded-lg"></iframe>;
 };
+

src/components/CourseView.tsx

@@ -37,6 +37,7 @@ export const CourseView = ({
   const contentType = courseContent?.folder
     ? 'folder'
     : courseContent?.value.type;
+
   return (
     <div className="flex w-full flex-col gap-8 pb-16 pt-8 xl:pt-[9px] relative">
       <div className="flex flex-col gap-4 xl:pt-2 sticky z-10 top-[120px] py-2 bg-background">
@@ -53,7 +54,7 @@ export const CourseView = ({
         <NotionRenderer id={courseContent?.value?.id?.toString()} />
       ) : null}
 
-      {!courseContent?.folder && contentType === 'video' ? (
+      {!courseContent?.folder && (contentType === 'video' || contentType === 'appx') ? (
         <ContentRenderer
           nextContent={nextContent}
           content={{

src/components/admin/ContentRenderer.tsx

@@ -136,7 +136,7 @@ export const ContentRenderer = async ({
     title: string;
   } | null;
   content: {
-    type: 'video';
+    type: 'video' | 'appx';
     id: number;
     title: string;
     description: string;

src/components/admin/ContentRendererClient.tsx

@@ -19,7 +19,7 @@ export const ContentRendererClient = ({
   } | null;
   metadata: any;
   content: {
-    type: 'video';
+    type: 'video' | 'appx';
     id: number;
     title: string;
     thumbnail: string;