Ilgeldi
/
turkmentv_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

treasure section, video controls fix

This commit is contained in:
Ilgeldi 2025-02-25 16:27:05 +05:00
parent a4eae0e528
commit f6fddab1bf
2 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
components/VideoPlayer.tsx
View File

@ -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">

18
components/quiz/QuizWinnerTable.tsx
View File

@ -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)