Proyectos de Subversion LeadersLinked - Antes de SPA

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

// Components
import NotificationAlert from '../../../shared/notification/NotificationAlert'
import SocialNetworks from './SocialNetworks'
import ShareFeed from '../share-feed/ShareFeed'
import PeopleYouMayKnow from '../../../shared/helpers/people-you-may-know/PeopleYouMayKnow'
import DailyPulse from '../../../shared/helpers/daily-pulse/DailyPulse'
import HomeNews from './HomeNews'
import WidgetHelper from '../../../shared/helpers/my-groups-helper/MyGroups'
import Spinner from '../../../shared/loading-spinner/Spinner'
import { setIntlLabels } from '../../../redux/intl/intl.action'

// Lazy Components
const FeedSection = React.lazy(() => import('../feed-section/FeedSection'))

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

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

  return (
    <>
      <div className='main-section-data container'>

        <div className="main-left-sidebar d-none d-md-flex">
          <WidgetHelper url="/helpers/my-groups" title={`${labels.MY_GROUPS}:`} />
          <WidgetHelper url="/helpers/groups-suggestion" title={`${labels.GROUPS}:`} />
          <SocialNetworks />
        </div>

        <div className='feed-section'>
          <ShareFeed
            image={image}
            feedType={feedTypes.DASHBOARD}
            postUrl="/feed/add"
          />
          <Suspense fallback={<Spinner />}>
            <FeedSection
              routeTimeline={routeTimeline}
              feed={feed}
              image={image}
            />
          </Suspense>
        </div>

        <div className='right-sidebar'>
          {routeDailyPulse && <DailyPulse routeDailyPulse={routeDailyPulse} />}
          <PeopleYouMayKnow />
          <HomeNews />
        </div>

      </div>
      <NotificationAlert />
    </>
  )
}

export default HomeSection