Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useEffect, useState } from 'react'
import { axios } from '../../../../../utils'
import { useDispatch } from 'react-redux'
import { setTimelineUrl } from '../../../../../redux/feed/feed.actions'
import FeedList from '../../../../../dashboard/templates/linkedin/Feed/FeedList'
import GroupInfo from '../../../../../group/view/templates/linkedin/components/GroupInfo'
import AboutCompany from '../components/AboutCompany'
import CompanyFollowers from '../components/CompanyFollowers'
import CompanyActions from '../components/CompanyActions'
import { setIntlLabels } from '../../../../../redux/intl/intl.action'

const View = ({ backendVars, labels }) => {
  const [authorizedLinks, setAuthorizedLinks] = useState(null)
  const [isFollower, setIsFollower] = useState(false)
  const dispatch = useDispatch()

  const fetchAuthorizedLinks = async () => {
    const { data: response } = await axios.get(
      `/company/view/${backendVars.companyId}`
    )
    if (response.success) {
      setAuthorizedLinks(response.data)
      if (response.data.link_unfollow) {
        setIsFollower(true)
      } else {
        setIsFollower(false)
      }
    }
  }

  useEffect(() => {
    dispatch(setTimelineUrl(backendVars.timeline))
    dispatch(setIntlLabels(labels))
    fetchAuthorizedLinks()
  }, [])

  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={backendVars.companyId} />
          <AboutCompany {...backendVars} />
        </div>
      </div>
    </main>
  )
}

export default View