Proyectos de Subversion LeadersLinked - Antes de SPA

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

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

import { useParams } from 'react-router-dom'

import { useDispatch } from 'react-redux'

import { getBackendVars } from '../../services/backendVars'

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

import Overview from '../../components/overview/Overview'

import GroupActions from '../../components/group/GroupActions'

import './styles/linkedin.scss'

// import Accessibility from '../components/accessibility/Accessibility'

// import Industry from '../components/industry/Industry'

// import Privacy from '../components/privacy/Privacy'

// import Type from '../components/type/Type'

// import Website from '../components/website/Website'

const Edit = () => {

  const [backendVars, setBackendVars] = useState({})

  const dispatch = useDispatch()

  const { uuid } = useParams()

  useEffect(() => {

    getBackendVars(`/group/my-groups/edit/${uuid}}`)

      .then((vars) => {

        const actions = {}

        Object.entries(vars).forEach(([key, value]) => {

          const camelCaseKey = camalize(key)

          actions[camelCaseKey] = value

        })

        setBackendVars(actions)

        console.log(actions)

      })

      .catch((err) => {

        dispatch(addNotification({ style: 'danger', msg: err }))

        console.log(`Error: ${err}`)

        throw new Error(err)

      })

  }, [])

  return (

    <main className="w-100">

      <div className="container">

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

          <GroupActions {...backendVars} />

          <Overview groupId={uuid} overview={backendVars?.overview} />

          {/* <Type

            groupId={groupId}

            groupType={groupType}

            groupTypes={groupTypes}

          />

          <Industry

            groupId={groupId}

            industry={industry}

            industries={industries}

          />

          <Privacy

            groupId={groupId}

            privacy={privacy}

            privacies={privacies}

            setSettedPrivacy={setSettedPrivacy}

            settedPrivacy={settedPrivacy}

            setSettedAccesibility={setSettedAccesibility}

          />

          <Accessibility

            groupId={groupId}

            accessibility={settedAccesibility}

            accessibilities={accessibilities}

            privacy={settedPrivacy}

            setSettedAccesibility={setSettedAccesibility}

          />

          <Website groupId={groupId} website={website} /> */}

        </div>

      </div>

    </main>

  )

}

export default Edit