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