import React, { useEffect } from "react";
import Navbar from "../../components/Navbar/index";
import Footer from "../../views/Home/Footer/index";
import search from "../../assets/icons/search.png";
import dropdown from "../../assets/icons/dropdown.png";
import whiteDropdown from "../../assets/icons/white-dropdown.png";
import { connect } from "react-redux";
import {publicApi} from '../../redux/actions';
import scroll from "../../util/scroll.js";
import "./index.scss";
function Faq({ list, setFaqActive }: any) {
useEffect(() => {
scroll.goToTop();
}, []);
return (
{list.map((item: any, i: any) => (
-
setFaqActive(item.id) }>
{item.name}
{item.active ? (

) : (

)}
{item.active && (
)}
))}
);
}
export default connect((state: any) => ({
list: state.publicApi.faqList,
}), {setFaqActive : publicApi.setFaqActive,})(Faq);