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 (