خرید اشتراک دانوین
- اینجا هم برای هر کتاب امکان خرید اشتراک جداگانه هست و هم اشتراک های مدت دار. با خرید اشتراک های مدت دار دانوین می تونید در هزینه هاتون صرفه جویی کنید.
+ اینجا هم برای هر کتاب امکان خرید اشتراک جداگانه هست و هم اشتراک های
+ مدت دار. با خرید اشتراک های مدت دار دانوین می تونید در هزینه هاتون
+ صرفه جویی کنید.
{listVOD?.map((subscribe: any, i: any) => (
-
+
))}
- payment({ productId: selectedVOD.id })}>تایید و پرداخت
+ payment({ productId: selectedVOD.id })}
+ >
+ تایید و پرداخت
+
@@ -43,7 +67,8 @@ export default connect(
(state: any) => ({
listVOD: state.product.listVOD,
loading: state.product.loading,
- selectedVOD: state.product.selectedVOD
+ selectedVOD: state.product.selectedVOD,
+ theme: state.publicApi.theme,
}),
{
getList: product.listVOD,
diff --git a/src/views/VideoTube/AddComment/index.tsx b/src/views/VideoTube/AddComment/index.tsx
index e0b0cc0..2fffe3c 100644
--- a/src/views/VideoTube/AddComment/index.tsx
+++ b/src/views/VideoTube/AddComment/index.tsx
@@ -2,7 +2,8 @@ import React from "react";
import Avatar from "@mui/material/Avatar";
import user3 from "../../../assets/images/user3.png";
-export default function AddComment() {
+export default function AddComment(props : any) {
+ const { theme } = props;
return (
<>
diff --git a/src/views/VideoTube/LessonPlayList/index.scss b/src/views/VideoTube/LessonPlayList/index.scss
index 367ad37..3dcac33 100644
--- a/src/views/VideoTube/LessonPlayList/index.scss
+++ b/src/views/VideoTube/LessonPlayList/index.scss
@@ -1,6 +1,20 @@
.lesson-playlist{
width: 100%;
padding-bottom : 10px;
+ &__light{
+ .lesson-playlist{
+ h3{
+ background-color : inherit !important;
+ border: 1px solid $gray9 !important;
+ }
+ &__item{
+ *{
+ color: black !important;
+ }
+ }
+ }
+
+ }
header{
background-color: inherit !important;
margin-bottom: 5px;
diff --git a/src/views/VideoTube/LessonPlayList/index.tsx b/src/views/VideoTube/LessonPlayList/index.tsx
index 01ebdb9..4b32221 100644
--- a/src/views/VideoTube/LessonPlayList/index.tsx
+++ b/src/views/VideoTube/LessonPlayList/index.tsx
@@ -2,6 +2,7 @@ import React, { useEffect } from "react";
import { connect } from "react-redux";
import { publicApi } from "../../../redux/actions";
import { Link } from "react-router-dom";
+import _ from "lodash";
function LessonPlayList({
category,
@@ -10,6 +11,7 @@ function LessonPlayList({
catergories,
realCategories,
vods,
+ theme,
}: any) {
const bookId = localStorage.getItem("bookId");
useEffect(() => {
@@ -20,23 +22,32 @@ function LessonPlayList({
) as HTMLElement;
const elementHeight: any = (listItem as any)?.offsetHeight;
const listHeight: any = (list as any).offsetHeight;
- const index = vods?.findIndex((
+ const index = vods?.findIndex(
(item: any) => item?.name === selectedVideo?.name
- ));
+ );
console.log(index);
- console.log(listHeight,elementHeight * (Number(index) + 1));
+ console.log(listHeight, elementHeight * (Number(index) + 1));
- if( elementHeight * (Number(index) + 1) > listHeight){
- list.scrollTo(0, (elementHeight * (Number(index) + 1)) + elementHeight);
+ if (elementHeight * (Number(index) + 1) > listHeight) {
+ list.scrollTo(0, elementHeight * (Number(index) + 1) + elementHeight);
}
localStorage.removeItem("scroll-list");
}
}, [vods]);
+ const light = theme === "light";
return (
<>
{
-
+
@@ -98,11 +107,11 @@ function VodTube({
>
{localStorage.getItem("bookId")
? categories?.map((video: any, i: any) => (
-
- ))
+
+ ))
: info?.vods.map((video: any, i: any) => (
-
- ))}
+
+ ))}
{info?.attachments.length > 0 && (
@@ -165,6 +174,7 @@ export default connect(
loading: state.publicApi.loading,
categories: state.publicApi.categories,
allBooks: state.publicApi.bookInfo?.vods,
+ theme: state.publicApi.theme,
}),
{
getInfo: publicApi.bookInfo,