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 = (props) => {

  // backendVars destructuring
  const {
    groupId,
    cover,
    imageSizeCover,
    image,
    imageProfileCover,
    totalMembers,
    name,
    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 (
    <React.Fragment>
      <Cover
        cover={cover}
        groupId={groupId}
        imageSizeCover={imageSizeCover}
        addNotification={addNotification}
      />
      <main>
        <div className="main-section">
          <div className="container">
            <div className="main-section-data">
              <div className="main-left-sidebar">
                <GroupProfile
                  groupId={groupId}
                  image={image}
                  imageProfileCover={imageProfileCover}
                  addNotification={addNotification}
                  totalMembers={totalMembers}
                />
              </div>
              <div className="main-ws-sec">
                <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>
            </div>
          </div>
        </div>
      </main>
    </React.Fragment>
  );
};

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

export default connect(null, mapDispatchToProps)(Edit);