Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'

import { useDispatch, useSelector } from 'react-redux'

import { getBackendVars } from '../../services/backendVars'

import { feedTypes } from '../../redux/feed/feed.types'

import { setTimelineUrl } from '../../redux/feed/feed.actions'

import PeopleYouMayKnow from '../../components/widgets/default/PeopleYouMayKnow'

import SocialNetworks from '../../components/widgets/default/SocialNetworks'

import SuggestWidget from '../../components/widgets/default/SuggestWidget'

import HomeNews from '../../components/widgets/default/HomeNews'

import DailyPulse from '../../components/widgets/default/DailyPulse'

import ShareFeed from '../../components/share-feed/ShareFeed'

import FeedSection from '../../components/feed-section/FeedSection'

import './styles/main.scss'

const Home = () => {

  const [userInfo, setUserInfo] = useState({})

  const labels = useSelector(({ intl }) => intl.labels)

  const dispatch = useDispatch()

  useEffect(() => {

    getBackendVars('/dashboard')

      .then(({ routeTimeline, ...results }) => {

        setUserInfo(results)

        dispatch(setTimelineUrl(routeTimeline))

      })

      .catch((err) => {

        console.log(err)

        throw new Error(err)

      })

  }, [])

  return (

    <main className="main-section-data container px-0">

      <aside className="main-left-sidebar d-none d-md-flex">

        <SuggestWidget

          url="/helpers/my-groups"

          title={`${labels.my_groups}:`}

          btnLabelAccept={labels.group_view}

        />

        <SuggestWidget

          url="/helpers/groups-suggestion"

          title={`${labels.suggest_groups}:`}

          btnLabelAccept={labels.group_view}

        />

        <SocialNetworks

          microlearning={{

            appStore: userInfo?.microlearning_appstore,

            playStore: userInfo?.microlearning_playstore,

          }}

          moodle={{

            name: userInfo?.moodle_name,

            image: userInfo?.moodle_image,

          }}

        />

      </aside>

      <section className="feed-section">

        <ShareFeed

          image={userInfo?.image}

          feedType={feedTypes.DASHBOARD}

          postUrl="/feed/add"

        />

        <FeedSection feed={userInfo?.feed} image={userInfo?.image} />

      </section>

      <aside className="right-sidebar">

        {userInfo?.routeDailyPulse && (

          <DailyPulse dailyPulseUrl={userInfo?.routeDailyPulse} />

        )}

        <PeopleYouMayKnow />

        <HomeNews />

      </aside>

    </main>

  )

}

export default Home