Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import { useDispatch } from "react-redux";
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
import { feedTypes } from "../../../redux/feed/feed.types";

import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow";
import NotificationAlert from "../../../shared/notification/NotificationAlert";
import FeedSection from "../feed-section/FeedSection";
import ShareFeed from "../share-feed/ShareFeed";
import ShareModal from "../share-modal/ShareModal";
import SocialNetworks from "./SocialNetworks";
import HomeNews from "./HomeNews";
import SuggestedGroupsHelper from "../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper";

import styles from "./HomeSection.module.scss"; 

const HomeSection = (props) => {

  const dispatch = useDispatch()
  const { image, feed } = props.backendVars;

  dispatch(setTimelineUrl(routeTimeline));

  return (
    <div>
      <div className="main-section">
        <div className={styles.mainSection}>
          <div className="d-none d-sm-none d-md-block d-lg-block">
            <div className={styles.sectionHeader}>
              <SuggestedGroupsHelper />
              <SocialNetworks />
            </div>
          </div>
          <div className={styles.feedSection}>
            <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
            <FeedSection
              routeTimeline={routeTimeline}
              feed={feed}
              image={image}
            />
          </div>
          <div className={styles.peopleYouMayKnow}>
            <PeopleYouMayKnow />
            <HomeNews />
          </div>
        </div>
      </div>
      <ShareModal />
      <NotificationAlert />
    </div>
  );
};

export default HomeSection;