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