import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { publicApi, book } from "../../redux/actions"; import Search from "../../components/Search"; import VerticalGradeFilter from "./components/VerticalGradeFilter"; import Divider from "../../components/Divider"; import MostViewedVideo from "./components/MostViewedVideo"; import NewestVideo from "./components/NewestVideo"; //assets import searchLight from "../../assets/icons/search-light.svg"; function Videos({ headerOptions, setHeaderOptions, getList, videos, grades }) { const [search, setSearch] = useState(""); useEffect(() => { setHeaderOptions(headerOptions); getList({ vod: true }); }, []); return (
{/*
*/}
); } const mapStateToProps = (state) => ({ videos: state.book.list, grades: state.publicApi.grades, }); const mapDispatchToProps = { setHeaderOptions: publicApi.setHeaderOptions, getList: book.list, }; export default connect(mapStateToProps, mapDispatchToProps)(Videos);