import React, { useState, useEffect } from "react"; import Navbar from "../../components/Navbar"; import Footer from "../Home/Footer"; import BreadCrumbs from "../../components/BreadCrumbs"; import Lesson from "./Lesson"; import { Link } from "react-router-dom"; import chat from "../../assets/icons/chat.png"; import slide from "../../assets/icons/slide.png"; import play from "../../assets/icons/play.png"; import bookmark from "../../assets/icons/bookmark.png"; import StyledRating from "../../components/StyledRating"; import location from "../../util/location"; import { connect } from "react-redux"; import { publicApi } from "../../redux/actions"; import scroll from "../../util/scroll"; import Loader from "../../components/Loader"; function Course({ getInfo, info, categories, loading }: any) { const [links, setLinks] = useState([ { link: "/", name: "صفحه اصلی" }, { link: "/courses", name: "دوره‌ها" }, { link: "/courses/2", name: "نام کتاب" }, ]); const [course, setCourse] = useState(undefined); useEffect(() => { scroll.goToTop(); getInfo({ bookId: location.getId() }); }, []); const checkFreeCat = () => { // const freeCat = info?.vods.filter((item: any) => item?.isFreeVOD)[0]; // localStorage.setItem("free", location.getId() + "," + freeCat?.categoryId); // local => bookId, category localStorage.setItem("bookId", location.getId()); localStorage.removeItem("category"); }; return (

{info?.name}

{info?.text}

{info?.vodTeacher}
{info?.vodDuration} ساعت درس {/*

در این قسمت توضیحی

*/}
{/*
ارتباط با استاد

در این قسمت توضیحی

*/}
{Number(info?.rate) * 2 || 10} /10
از 288 رای

میانگین رای کاربران

checkFreeCat()} > مشاهده پیشنمایش دوره

{info?.name}

240 ساعت

میانگین رای کاربران

10 /2
checkFreeCat()} > مشاهده پیشنمایش دوره

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری دارد.

{/*

سر فصل دوره

*/} {/*

در این قسمت شاید یک متن جهت زیباسازی قرار بگیرد

*/}
{categories?.map((lesson: any, i: any) => ( ))}
); } export default connect( (state: any) => ({ info: state.publicApi.bookInfo, categories: state.publicApi.categories, loading: state.publicApi.loading, }), { getInfo: publicApi.bookInfo } )(Course);