From a1bcadec862c3ecf3bbc967593ea412de034afa1 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Fri, 1 Aug 2025 21:43:39 +0700
Subject: [PATCH] fix: height video player when video vertical

---
 components/form/task/task-detail-form.tsx |  2 +-
 components/main/video-detail.tsx          | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/components/form/task/task-detail-form.tsx b/components/form/task/task-detail-form.tsx
index d8919a03..7e851ada 100644
--- a/components/form/task/task-detail-form.tsx
+++ b/components/form/task/task-detail-form.tsx
@@ -1027,7 +1027,7 @@ export default function FormTaskDetail() {
               <div className="mt-6 space-y-2">
                 <Label>{t("type-task", { defaultValue: "Type Task" })}</Label>
                 <RadioGroup
-                  value={detail.assignmentMainType.id.toString()}
+                  value={detail?.assignmentMainType?.id?.toString()}
                   onValueChange={(value) => setMainType(value)}
                   // value={String(mainType)}
                   // onValueChange={(value) => setMainType(Number(value))}
diff --git a/components/main/video-detail.tsx b/components/main/video-detail.tsx
index 0b9e3286..02c00e65 100644
--- a/components/main/video-detail.tsx
+++ b/components/main/video-detail.tsx
@@ -468,10 +468,21 @@ const DetailVideo = () => {
         <div className="rounded-md overflow-hidden md:flex">
           {/* Bagian Kiri */}
           <div className="md:w-3/4">
-            <div className="relative">
+            {/* <div className="relative">
               <VideoPlayer url={detailDataVideo?.files[selectedVideo]?.url} />
               <div className="absolute top-4 left-4"></div>
+            </div> */}
+            <div className="relative max-h-screen overflow-hidden">
+              <div className="w-full max-h-screen aspect-video">
+                <div className="w-full h-full">
+                  <VideoPlayer
+                    url={detailDataVideo?.files[selectedVideo]?.url}
+                  />
+                </div>
+              </div>
+              <div className="absolute top-4 left-4"></div>
             </div>
+
             <div className="py-4 flex flex-row gap-3">
               {detailDataVideo?.files?.map((file: any, index: number) => (
                 <div