import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { toast } from "react-toastify"; import { Link } from "react-router-dom"; import { publicApi, userProduct } from "../../redux/actions"; import location from "../../utils/location"; import separate from "../../utils/separate"; //components import Season from "./components/Season"; import Videos from "./components/Desktop/Videos"; import StarRating from "../../components/StarRating"; import Button from "../../components/Button"; import ProductTab from "../../components/ProductTab"; import Table from "./components/Desktop/Table"; import Comments from "../../components/Comments"; import Loading from "../../components/Loading"; //assets import tickIcon from "../../components/ProductStatusCard/tick-circle.svg"; import arrow from "../../assets/icons/dropdown-blue.svg"; import bookmarkDeactiveLightIcon from "../../assets/icons/bookmark-deactive-light.svg"; import bookmarkDeactiveDarkIcon from "../../assets/icons/bookmark-deactive-dark.svg"; function Video({ isLogin, pushToCart, userId, isMobile, isDark, headerOptions, setHeaderOptions, grades, getBook, book, seasons, addToFavorite, }) { useEffect(() => { getBook({ bookId: location.getId() }, { id: location.getId(), vod: true }); setHeaderOptions(headerOptions); }, []); useEffect(() => { window.scrollTo(0, 0); }, []); const { bookmark } = headerOptions; return isMobile ? (