import React, { useEffect } from "react"; import { connect } from "react-redux"; import { blog, publicApi } from "../../redux/actions"; import { Carousel } from "@trendyol-js/react-carousel"; import Hashtags from "./layouts/Hashtags"; import Single from "./layouts/Single"; import Join from "./layouts/Join"; import New from "./layouts/New"; import Header from "./layouts/Header"; import Suggest from "./layouts/Suggest"; import Target from "./layouts/Target"; //assets import arrow from "../../assets/icons/dropdown-blue.svg"; export const Blogs = ({ isMobile, getList, blogs, setHeaderOptions }) => { useEffect(() => { setHeaderOptions({ shown: true }); if (blogs.length === 0) { getList(); } }, []); return (
{blogs.length > 0 && ( e.stopPropagation()} /> } leftArrow={ e.stopPropagation()} /> } > {blogs.map((blog, index) => ( ))} )}
{blogs.length > 0 && ( e.stopPropagation()} /> } leftArrow={ e.stopPropagation()} /> } > {blogs.map((blog, index) => ( ))} )}
); }; const mapStateToProps = (state) => ({ isMobile: state.publicApi.isMobile, blogs: state.blog.list, }); const mapDispatchToProps = { getList: blog.list, setHeaderOptions: publicApi.setHeaderOptions, }; export default connect(mapStateToProps, mapDispatchToProps)(Blogs);