Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'
import { axios } from '../../utils'
import { useDispatch } from 'react-redux'
import { setTimelineUrl } from '../../redux/feed/feed.actions'
import { getBackendVars } from '../../services/backendVars'
import { useParams } from 'react-router-dom'

import FeedList from '../../components/feed/linkedin/FeedList'
import GroupInfo from '../../components/group/GroupInfo'
import AboutCompany from '../../components/company/AboutCompany'
import CompanyFollowers from '../../components/company/CompanyFollowers'
import CompanyActions from '../../components/company/CompanyActions'

import './styles/linkedin.scss'

const LinkedInCompany = () => {
  const [backendVars, setBackendVars] = useState(null)
  const [authorizedLinks, setAuthorizedLinks] = useState(null)
  const [isFollower, setIsFollower] = useState(false)
  const { uuid } = useParams()
  const dispatch = useDispatch()

  const fetchAuthorizedLinks = async () => {
    const { data: response } = await axios.get(`/company/view/${uuid}`)
    const { data, success } = response

    if (success) {
      setAuthorizedLinks(data)
      setIsFollower(!!data.link_unfollow)
    }
  }

  useEffect(() => {
    fetchAuthorizedLinks()
  }, [])

  useEffect(() => {
    getBackendVars(`/company/view/${uuid}`)
      .then((vars) => {
        console.log(vars)
        setBackendVars(vars)
      })
      .catch((err) => {
        console.log(`Error: ${err}`)
        throw new Error(err)
      })
  }, [])

  return (
    <main className="w-100">
      <div className="container p-0 app__body layout__content">
        <div className="d-flex flex-column">
          <GroupInfo
            cover={backendVars?.cover}
            image={backendVars?.image}
            name={backendVars?.companyName}
            overview={backendVars?.overview}
            groupId={backendVars?.companyId}
            totalMembers={backendVars?.totalFollowers}
            groupType={backendVars?.companySize}
            accessibility={backendVars?.industry}
            type="company"
          />
        </div>
        <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
          <CompanyActions
            name={backendVars?.companyName}
            image={backendVars?.image}
            companyId={backendVars?.companyId}
            cover={backendVars?.cover}
            overview={backendVars?.overview}
            refetch={() => fetchAuthorizedLinks()}
            actionLinks={authorizedLinks}
          />
          {!isFollower ? (
            <AboutCompany {...backendVars} />
          ) : (
            <FeedList
              image={`/storage/type/company/code/${backendVars?.companyId}/${
                backendVars?.image ? `filename/${backendVars?.image}` : ''
              }`}
            />
          )}
        </div>
        <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
          <CompanyFollowers companyId={uuid} />
          <AboutCompany {...backendVars} />
        </div>
      </div>
    </main>
  )
}

export default LinkedInCompany