Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

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

import { useDispatch } from 'react-redux'

import { addNotification } from '../../../../../redux/notification/notification.actions'

import { axios } from '../../../../../utils'

import FeedSection from '../../../../../dashboard/templates/linkedin/Feed/FeedSection'

import AboutGroup from '../components/AboutGroup'

import GroupActions from '../components/GroupActions'

import GroupInfo from '../components/GroupInfo'

import Members from '../components/Members'

const View = ({ backendVars }) => {

  const [actionLinks, setActionLinks] = useState({})

  const dispatch = useDispatch()

  const load = () => {

    axios

      .get('')

      .then(({ data }) => {

        if (!data.success) {

          return dispatch(addNotification({ style: 'error', msg: data.data }))

        }

        setActionLinks(data.data)

      })

      .catch((err) => console.log('>>: err > ', err))

  }

  useEffect(() => {

    load()

  }, [])

  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.name}

            overview={backendVars.overview}

            groupId={backendVars.groupId}

            totalMembers={backendVars.totalMembers}

            groupType={backendVars.groupType}

            accessibility={backendVars.accessibility}

            type="group"

          />

        </div>

        <div className="d-flex flex-column" style={{ gap: '.5rem' }}>

          <GroupActions {...backendVars} actionLinks={actionLinks} />

          {backendVars.withoutFeeds ? (

            <AboutGroup {...backendVars} />

          ) : (

            <FeedSection

              routeTimeline={backendVars.routeTimeline}

              backendVars={{

                ...backendVars,

                image: `/storage/type/group/code/${backendVars.groupId}/${

                  backendVars.image ? `filename/${backendVars.image}` : ''

                }`,

              }}

            />

          )}

        </div>

        <div className="d-flex flex-column" style={{ gap: '.5rem' }}>

          <Members groupId={backendVars.groupId} />

          {!backendVars.withoutFeeds && <AboutGroup {...backendVars} />}

        </div>

      </div>

    </main>

  )

}

export default View