Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'
import { Container } from 'react-bootstrap'
import { feedTypes } from '../../redux/feed/feed.types'
import { useDispatch } from 'react-redux'
import { setTimelineUrl } from '../../redux/feed/feed.actions'
import { getBackendVars } from '../../services/backendVars'

import FeedShare from '../../components/feed/linkedin/FeedShare'
import FeedList from '../../components/feed/linkedin/FeedList'
import DailyPulse from '../../components/widgets/default/DailyPulse'
import PeopleYouMayKnow from '../../components/widgets/default/PeopleYouMayKnow'
import HomeNews from '../../components/widgets/default/HomeNews'
import Aside from '../../components/dashboard/linkedin/Aside'
import Sidebar from '../../components/dashboard/linkedin/Sidebar'
import Groups from '../../components/dashboard/linkedin/Groups'
import SocialNetworks from '../../components/widgets/default/SocialNetworks'
import UserInfo from '../../components/dashboard/linkedin/UserInfo'

import './linkedin-styles/main.scss'

const LinkedInDashboard = () => {
  const [userInfo, setUserInfo] = useState({})
  const dispatch = useDispatch()

  useEffect(() => {
    getBackendVars('/dashboard')
      .then(({ routeTimeline, ...results }) => {
        setUserInfo(results)
        dispatch(setTimelineUrl(routeTimeline))
      })
      .catch((err) => {
        console.log(err)
        throw new Error(err)
      })
  }, [])

  return (
    <>
      <Container className="px-0">
        <div className="app__body layout__content">
          <Sidebar>
            <UserInfo {...userInfo} />
            <Groups />
            <SocialNetworks
              moodle={{
                image: userInfo?.moodle_image,
                name: userInfo?.moodle_name,
              }}
              microlearning={{
                playStore: userInfo?.microlearning_playstore,
                appStore: userInfo?.microlearning_appstore,
              }}
              className="sidebar-apps__widget"
            />
          </Sidebar>
          <div className="feed__section">
            <FeedShare
              image={userInfo?.image}
              feedType={feedTypes.DASHBOARD}
              postUrl="/feed/add"
            />
            <FeedList feed={userInfo?.feed} image={userInfo?.image} />
          </div>
          <Aside>
            {userInfo?.routeDailyPulse && (
              <DailyPulse routeDailyPulse={userInfo?.routeDailyPulse} />
            )}
            <PeopleYouMayKnow />
            <HomeNews classname="sidebar-apps__widget d-flex flex-column" />
          </Aside>
        </div>
      </Container>
    </>
  )
}

export default LinkedInDashboard