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 Accessibility from './accessibility/Accessibility'
import Cover from './cover/Cover'
import GroupProfile from './group-profile/GroupProfile'
import Industry from './industry/Industry'
import Overview from './overview/Overview'
import Privacy from './privacy/Privacy'
import Type from './type/Type'
import Website from './website/Website'

const Edit = ({
  groupId,
  cover,
  imageSizeCover,
  image,
  imageProfileCover,
  totalMembers,
  name,
  overview,
  groupType,
  groupTypes,
  industry,
  industries,
  privacy,
  privacies,
  accessibility,
  accessibilities,
  website,
  addNotification // Redux action
}) => {
  const [settedPrivacy, setSettedPrivacy] = useState(privacy)
  const [settedAccesibility, setSettedAccesibility] = useState(accessibility)

  return (
    <>
      <Cover
        cover={cover}
        groupId={groupId}
        imageSizeCover={imageSizeCover}
        addNotification={addNotification}
      />
      <main className="main-section-data container px-0">
        <div className="main-left-sidebar">
          <GroupProfile
            groupId={groupId}
            image={image}
            imageProfileCover={imageProfileCover}
            addNotification={addNotification}
            totalMembers={totalMembers}
          />
        </div>
        <div className="feed-section">
          <div className="user-tab-sec rewivew">
            <h3>{name}</h3>
          </div>
          <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 className="right-sidebar">
        </div>
      </main>
    </>
  )
}

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

export default connect(null, mapDispatchToProps)(Edit)