Proyectos de Subversion LeadersLinked - Antes de SPA

import React 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) => {
  // props destructuring

  // 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;
  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 className="main-ws-sec">
                  <div className="user-tab-sec rewivew">
                    <h3>{name}</h3>
                  </div>
                  {/* <!--user-tab-sec start--> */}
                  <Overview
                    groupId={groupId}
                    overview={overview}
                    addNotification={addNotification}
                  />
                  {/* <!--user-tab-sec endit--> */}

                  {/* <!--user-tab-sec start--> */}
                  <Type
                    groupId={groupId}
                    groupType={groupType}
                    groupTypes={groupTypes}
                    addNotification={addNotification}
                  />
                  {/* <!--user-tab-sec endit--> */}

                  {/* <!--user-tab-sec start--> */}
                  <Industry
                    groupId={groupId}
                    industry={industry}
                    industries={industries}
                    addNotification={addNotification}
                  />
                  {/* <!--user-tab-sec endit--> */}

                  {/* <!--user-tab-sec start--> */}
                  <Privacy
                    groupId={groupId}
                    privacy={privacy}
                    privacies={privacies}
                    addNotification={addNotification}
                  />
                  {/* <!--user-tab-sec endit--> */}

                  {/* <!--user-tab-sec start--> */}
                  <Accessibility
                    groupId={groupId}
                    accessibility={accessibility}
                    accessibilities={accessibilities}
                    addNotification={addNotification}
                  />
                  {/* <!--user-tab-sec endit--> */}

                  {/* <!--user-tab-sec start--> */}
                  <Website
                    groupId={groupId}
                    website={website}
                    addNotification={addNotification}
                  />
                  {/* <!--user-tab-sec endit--> */}

                  {/* <!--user-profile-ov end--> */}
                </div>
                <div className="right-sidebar">
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>
    </React.Fragment>
  );
};

// const mapStateToProps = (state) => ({});

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

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