Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useEffect } from 'react'
import { useDispatch } from 'react-redux'
import { setIntlLabels } from '../../../../redux/intl/intl.action'
import { setTimelineUrl } from '../../../../redux/feed/feed.actions'

import HomeNews from '../../../components/home-section/HomeNews'
import SocialNetworks from '../../../components/home-section/SocialNetworks'
import Aside from '../Aside/Aside'
import PeopleYouMayKnow from '../Aside/PeopleYouMayKnow'
import FeedSection from '../Feed/FeedSection'
import Groups from '../sidebar/Groups'
import Sidebar from '../sidebar/Sidebar'
import UserInfo from '../sidebar/UserInfo'
import DailyPulse from '../../../../shared/helpers/daily-pulse/DailyPulse'

const HomeSection = ({
  routeTimeline,
  routeDailyPulse,
  backendVars,
  labels,
}) => {
  const dispatch = useDispatch()

  useEffect(() => {
    dispatch(setIntlLabels(labels))
    dispatch(setTimelineUrl(routeTimeline))
  }, [])

  return (
    <div className="container px-0">
      <div className="app__body layout__content">
        <Sidebar>
          <UserInfo {...backendVars} />
          <Groups />
          <SocialNetworks
            moodle={{
              image: backendVars.moodle_image,
              name: backendVars.moodle_name,
            }}
            microlearning={{
              playStore: backendVars.microlearning_playstore,
              appStore: backendVars.microlearning_appstore,
            }}
            className="sidebar-apps__widget"
          />
        </Sidebar>
        <FeedSection backendVars={backendVars} />
        <Aside>
          {routeDailyPulse && <DailyPulse routeDailyPulse={routeDailyPulse} />}
          <PeopleYouMayKnow />
          <HomeNews classname="sidebar-apps__widget d-flex flex-column" />
        </Aside>
      </div>
    </div>
  )
}

export default HomeSection