Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useState } from 'react'
import { connect } from 'react-redux'
import { addNotification } from '../../../../../../redux/notification/notification.actions'
import GroupActions from '../../../../../view/templates/linkedin/components/GroupActions'
import Accessibility from '../components/accessibility/Accessibility'
import Industry from '../components/industry/Industry'
import Overview from '../components/overview/Overview'
import Privacy from '../components/privacy/Privacy'
import Type from '../components/type/Type'
import Website from '../components/website/Website'
import '../styles/index.scss'

const Edit = (props) => {
  const {
    groupId,
    overview,
    groupType,
    groupTypes,
    industry,
    industries,
    privacy,
    privacies,
    accessibility,
    accessibilities,
    website,
  } = props.backendVars

  // redux destructuring
  const { addNotification } = props

  const [settedPrivacy, setSettedPrivacy] = useState(privacy)
  const [settedAccesibility, setSettedAccesibility] = useState(accessibility)

  return (
    <main className="w-100">
      <div className="container">
        <div className="main d-flex flex-column" style={{ gap: '1rem' }}>
          <GroupActions {...props.backendVars} />
          <Overview
            groupId={groupId}
            overview={overview}
            addNotification={addNotification}
          />
          <Type
            groupId={groupId}
            groupType={groupType}
            groupTypes={groupTypes}
            addNotification={addNotification}
          />
          <Industry
            groupId={groupId}
            industry={industry}
            industries={industries}
            addNotification={addNotification}
          />
          <Privacy
            groupId={groupId}
            privacy={privacy}
            privacies={privacies}
            addNotification={addNotification}
            setSettedPrivacy={setSettedPrivacy}
            settedPrivacy={settedPrivacy}
            setSettedAccesibility={setSettedAccesibility}
          />
          <Accessibility
            groupId={groupId}
            accessibility={settedAccesibility}
            accessibilities={accessibilities}
            addNotification={addNotification}
            privacy={settedPrivacy}
            setSettedAccesibility={setSettedAccesibility}
          />
          <Website
            groupId={groupId}
            website={website}
            addNotification={addNotification}
          />
        </div>
      </div>
    </main>
  )
}

const mapDispatchToProps = {
  addNotification: (notification) => addNotification(notification),
}

export default connect(null, mapDispatchToProps)(Edit)