reza controlled vidoe selection

src/views/Course/Lesson/index.tsx

@@ -5,6 +5,7 @@ import greenPlay from "../../../assets/icons/play-green.png";
 import greenDocument from "../../../assets/icons/document-green.png";
 import whitePlay from "../../../assets/icons/white-play.png";
 import document from "../../../assets/icons/document.png";
+import lock from "../../../assets/icons/lock.png";
 import { connect } from "react-redux";
 import { book, publicApi } from "../../../redux/actions";
 import location from "../../../util/location";
@@ -123,16 +124,16 @@ function Lesson({
                       <img src={document} alt="" />
                     ))}
                 </Link>
-                <Link to={"/video/" + data.id}  >
+                <Link to={"/video/" + data.id}>
-                <img
+                  <img
-                  className={
+                    className={
-                    selectedLesson === data.id
+                      selectedLesson === data.id
-                      ? "lesson__files--sample___active"
+                        ? "lesson__files--sample___active"
-                      : ""
+                        : ""
-                  }
+                    }
-                  src={`https://dnvn.ir/api/v1/file/${data.posterId}`}
+                    src={`https://dnvn.ir/api/v1/file/${data.posterId}`}
-                  alt=""
+                    alt=""
-                />
+                  />
                 </Link>
                 <h5>{data.name}</h5>
               </div>
@@ -142,9 +143,9 @@ function Lesson({
                   to={"/video/" + data.id}
                   onClick={() => setCategory(lesson[0].categoryId, data.name)}
                 >
-                  <li>{"مشاهده"}</li>
+                  <li>مشاهده</li>
                 </Link>
-                {/* <li>{data.download ? "دانلود" : <img src={lock} alt="" />}</li> */}
+                <li>{data.isFreeVOD ? "دانلود" : <img src={lock} alt="" />}</li>
               </ul>
             </li>
             {selectedLesson === data.id && (

src/views/VideoTube/LessonPlayList/index.tsx

@@ -73,7 +73,7 @@ function LessonPlayList({
                 }
                 key={i}
                 id={"listItem" + video.id}
-                onClick={() => setVideoActive(video)}
+                onClick={() => video.isFreeVod ? setVideoActive(video) : {}}
               >
                 <span className="lesson-playlist__item--count">
                   {Number(i) + 1}
@@ -105,7 +105,7 @@ function LessonPlayList({
                 (category?.id === selectedVideo?.id &&
                   "lesson-playlist__item--active")
               }
-              onClick={() => setVideoActive(category)}
+              onClick={() => category.isFreeVod ? setVideoActive(category) : ''}
               id={"listItem" + category.id}
             >
               <span className="lesson-playlist__item--count"></span>