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 dailyPulseUrl={userInfo?.routeDailyPulse} />

            )}

            <PeopleYouMayKnow />

            <HomeNews classname="sidebar-apps__widget d-flex flex-column" />

          </Aside>

        </div>

      </Container>

    </>

  )

}

export default LinkedInDashboard