From 5c8acb0991c7c663f06dc884b47bcaa642788101 Mon Sep 17 00:00:00 2001
From: Smnthjm08 <sumanthjmm.04@gmail.com>
Date: Thu, 28 Nov 2024 20:46:39 +0530
Subject: [PATCH] feat: Button to Redirect Users to Mapped Videos on
 harkirat.classx

---
 src/actions/user/index.ts                     |  2 +-
 src/components/admin/ContentRenderer.tsx      |  9 ++++++++
 .../admin/ContentRendererClient.tsx           | 21 +++++++++++++------
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/actions/user/index.ts b/src/actions/user/index.ts
index 7f6f960a..82e7d13c 100644
--- a/src/actions/user/index.ts
+++ b/src/actions/user/index.ts
@@ -56,7 +56,7 @@ export const GetAppxAuthToken = async (): Promise<GetAppxAuthTokenResponse> => {
   return user;
 };
 
-export const GetAppxVideoPlayerUrl = async (courseId: string, videoId: string): Promise<string> => {
+export const GetAppxVideoPlayerUrl = async (courseId: string | number, videoId: string): Promise<string> => {
   const { name, email, appxAuthToken, appxUserId } = await GetAppxAuthToken();
   const url = `${process.env.APPX_BASE_API}/get/fetchVideoDetailsById?course_id=${courseId}&video_id=${videoId}&ytflag=${1}&folder_wise_course=${1}`;
 
diff --git a/src/components/admin/ContentRenderer.tsx b/src/components/admin/ContentRenderer.tsx
index c6b5c35f..3003a6dc 100644
--- a/src/components/admin/ContentRenderer.tsx
+++ b/src/components/admin/ContentRenderer.tsx
@@ -3,6 +3,7 @@ import { getServerSession } from 'next-auth';
 import { authOptions } from '@/lib/auth';
 import { ContentRendererClient } from './ContentRendererClient';
 import { Bookmark } from '@prisma/client';
+import { GetAppxVideoPlayerUrl } from '@/actions/user';
 
 function bunnyUrl(url?: string) {
   if (!url) return '';
@@ -144,12 +145,20 @@ export const ContentRenderer = async ({
     slides?: string;
     markAsCompleted: boolean;
     bookmark: Bookmark | null;
+    AppXVideoId?: string;
   };
 }) => {
   const metadata = await getMetadata(content.id);
+  let AppXVideoUrl = null;
+
+  if (metadata?.appxVideoId !== null) {
+    AppXVideoUrl = await GetAppxVideoPlayerUrl(content.id, metadata.appxVideoId);
+  }
+
   return (
     <div>
       <ContentRendererClient
+        AppXVideoUrl={AppXVideoUrl}
         nextContent={nextContent}
         metadata={metadata}
         content={content}
diff --git a/src/components/admin/ContentRendererClient.tsx b/src/components/admin/ContentRendererClient.tsx
index 4f888142..1afa72d2 100644
--- a/src/components/admin/ContentRendererClient.tsx
+++ b/src/components/admin/ContentRendererClient.tsx
@@ -11,6 +11,7 @@ export const ContentRendererClient = ({
   metadata,
   content,
   nextContent,
+  AppXVideoUrl,
 }: {
   nextContent: {
     id: number;
@@ -26,6 +27,7 @@ export const ContentRendererClient = ({
     description: string;
     markAsCompleted: boolean;
   };
+  AppXVideoUrl?: string;
 }) => {
   const [showChapters, setShowChapters] = useState(
     metadata?.segments?.length > 0,
@@ -36,7 +38,7 @@ export const ContentRendererClient = ({
 
   //@ts-ignore
   const [quality, setQuality] = useState<string>(
-    searchParams.get('quality') ?? '1080',
+    searchParams?.get('quality') ?? '1080',
   );
 
   if (!metadata) {
@@ -106,11 +108,18 @@ export const ContentRendererClient = ({
             <h2 className="line-clamp-2 text-wrap text-2xl font-extrabold capitalize tracking-tight text-primary md:text-3xl">
               {content.title}
             </h2>
-            {metadata.slides ? (
-              <Link href={metadata.slides} target="_blank">
-                <Button className="gap-2">Lecture Slides</Button>
-              </Link>
-            ) : null}
+            <div>
+              {metadata.slides ? (
+                <Link href={metadata.slides} target="_blank">
+                  <Button className="gap-2">Lecture Slides</Button>
+                </Link>
+              ) : null}
+              {metadata.appxVideoId !== null && AppXVideoUrl && (
+                <Link href={AppXVideoUrl} target="_blank">
+                  <Button className="gap-2">View on AppX</Button>
+                </Link>
+              )}
+            </div>
           </div>
 
           {!showChapters && metadata.segments?.length > 0 && (