From f6fddab1bf870f9493c3dd82c9f6dde0f8766b9c Mon Sep 17 00:00:00 2001
From: Ilgeldi <neo@Ilgeldis-MacBook-Air.local>
Date: Tue, 25 Feb 2025 16:27:05 +0500
Subject: [PATCH] treasure section, video controls fix

---
 components/VideoPlayer.tsx          | 27 +++++++++++++++++----------
 components/quiz/QuizWinnerTable.tsx | 18 +++++++++---------
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/components/VideoPlayer.tsx b/components/VideoPlayer.tsx
index f160d1f..41a3c17 100644
--- a/components/VideoPlayer.tsx
+++ b/components/VideoPlayer.tsx
@@ -28,11 +28,13 @@ const VideoPlayer = ({ maxHeight, maxWidth, video_id }: IProps) => {
     queryKey: ["video", `video:${video_id}`],
     queryFn: async () => {
       const response = await Queries.getVideo(video_id);
-      if (response.data.is_downloadable === 0) {
-        setCanDownload(false);
-      } else {
-        setCanDownload(true);
-      } // Set canDownload from API
+
+      // console.log(response);
+      // if (response.data.is_downloadable == 1) {
+      //   setCanDownload(true);
+      // } else {
+      //   setCanDownload(false);
+      // } // Set canDownload from API
       return response;
     },
   });
@@ -67,13 +69,18 @@ const VideoPlayer = ({ maxHeight, maxWidth, video_id }: IProps) => {
           <div className="lg:w-[700px] md:w-[550px] w-full h-[200px] sm:h-[250px] md:h-[350px] lg:h-[420px]">
             <video
               controls
-              controlsList={canDownload ? "" : "nodownload"} // Conditionally enable/disable download
-              src={data!.data.video_stream_url}
+              controlsList={
+                data?.data.is_downloadable === 0 ? "nodownload" : ""
+              } // Conditionally enable/disable download
               poster={data?.data.banner_url}
               playsInline
-              itemType="video/mp4"
-              onPlay={() => onPlayHandler()}
-            ></video>
+            >
+              <source
+                src={data!.data.video_stream_url}
+                type="video/mp4"
+                onPlay={() => onPlayHandler()}
+              />
+            </video>
           </div>
         ) : (
           <div className="flex flex-col gap-4 h-fit">
diff --git a/components/quiz/QuizWinnerTable.tsx b/components/quiz/QuizWinnerTable.tsx
index 301561e..766f5c4 100644
--- a/components/quiz/QuizWinnerTable.tsx
+++ b/components/quiz/QuizWinnerTable.tsx
@@ -71,20 +71,20 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
           <div className="flex border-b border-fillTableStrokeTableHead">
             {winnersData?.data[0].client_id || quizSearchData?.data ? (
               <div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold max-w-[54px] w-[100%] pl-6 pr-3 py-5">
-                <span>№</span>
+                <span>Ýeri</span>
               </div>
             ) : null}
 
             {winnersData?.data[0].client.phone || quizSearchData?.data ? (
               <div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold max-w-[176px] w-[100%] px-3 py-5">
-                <span>Gatnaşyjynyň tel. Beligisi</span>
+                <span>Telefon beligisi</span>
               </div>
             ) : null}
 
             {winnersData?.data[0].client.answers.length ||
             quizSearchData?.data ? (
               <div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold w-[100%] px-3 py-5">
-                <span>Soraglara jogap berilişiň nobaty</span>
+                <span>Jogap beriş nobatlary</span>
               </div>
             ) : null}
 
@@ -255,26 +255,26 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
           <div className="flex border-b border-fillTableStrokeTableHead p-2 gap-[8px]">
             {winnersData?.data[0].client_id || quizSearchData?.data ? (
               <div className="text-center flex items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[14px] w-[100%]">
-                <span>№</span>
+                <span>Ýeri</span>
               </div>
             ) : null}
 
             {winnersData?.data[0].client.phone || quizSearchData?.data ? (
               <div className="text-center flex justify-center items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[107px] w-[100%]">
-                <span>Gatnaşyjynyň tel. Beligisi</span>
+                <span>Telefon beligisi</span>
               </div>
             ) : null}
 
             {winnersData?.data[0].total_score_of_client ||
             quizSearchData?.data ? (
               <div className="text-center flex justify-center items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[75px] w-[100%]">
-                <span>Soraglara jogap berilişiň nobaty </span>
+                <span>Nobatlaryň jemi </span>
               </div>
             ) : null}
             {winnersData?.data[0].total_score_of_client ||
             quizSearchData?.data ? (
               <div className="text-center flex justify-center items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[99px] w-[100%]">
-                <span>Nobatlaryň jemi</span>
+                <span>Utuklaryň jemi</span>
               </div>
             ) : null}
           </div>
@@ -319,7 +319,7 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
                       <div className="flex gap-[8px] items-center">
                         {winnersData?.data[0].client.answers.length !== 0 ? (
                           <div className="flex justify-center items-center text-xs text-textLight leading-[125%] font-semibold w-fit">
-                            <span>Soraglara näçinji jogap berdi :</span>
+                            <span>Jogap beriş nobatlary:</span>
                           </div>
                         ) : null}
                         {winnersData.data[0].client.answers.length !== 0 ? (
@@ -403,7 +403,7 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
                       </div>
                       <div className="flex gap-[8px] items-center">
                         <div className="flex justify-center items-center text-xs text-textLight leading-[125%] font-semibold w-fit">
-                          <span>Soraglara näçinji jogap berdi :</span>
+                          <span>Jogap beriş nobatlary:</span>
                         </div>
                         <div className="flex justify-center items-center gap-[4px] text-xs text-textGray leading-[125%] w-fit">
                           {Object.keys(quizSearchData.data)