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 (