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 Type from '../../components/group/type/Type'
import Website from '../../components/group/website/Website'
import Privacy from '../../components/group/privacy/Privacy'
import Industry from '../../components/group/industry/Industry'
// import Accessibility from '../../components/group/accessibility/Accessibility'

import './styles/linkedin.scss'

const Edit = () => {
  const [backendVars, setBackendVars] = useState({})
  const dispatch = useDispatch()
  const { uuid } = useParams()

  const changePrivacy = (privacy) => {
    setBackendVars((prevBackendVars) => {
      return {
        ...prevBackendVars,
        privacy,
      }
    })
  }

  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={uuid}
            groupType={backendVars?.groupType}
            groupTypes={backendVars?.groupTypes}
          /> */}
          <Industry
            groupId={uuid}
            industry={backendVars?.industry}
            industries={backendVars?.industries}
          />
          <Privacy
            groupId={uuid}
            privacy={backendVars?.privacy}
            privacies={backendVars?.privacies}
            onChange={changePrivacy}
          />
          {/* <Accessibility
            groupId={uuid}
            privacy={settedPrivacy}
            accessibility={settedAccesibility}
            accessibilities={backendVars?.accessibilities}
            setSettedAccesibility={setSettedAccesibility}
          /> */}
          <Website groupId={uuid} website={backendVars?.website} />
        </div>
      </div>
    </main>
  )
}

export default Edit