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="row">
                <div className="col-lg-3">
                  <div className="main-left-sidebar">
                    <GroupProfile
                      groupId={groupId}
                      image={image}
                      imageProfileCover={imageProfileCover}
                      addNotification={addNotification}
                      totalMembers={totalMembers}
                    />
                    {/* <!--user_profile end--> */}
                  </div>
                  {/* <!--main-left-sidebar end--> */}
                </div>
                <div className="col-lg-6">
                  <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>
                  {/* <!--main-ws-sec end--> */}
                </div>
                <div className="col-lg-3">
                  <div className="right-sidebar">
                    {/* <?php //echo $this->peopleViewedProfileHelper($user_profile_id) 

                        ?> */}
                  </div>
                  {/* <!--right-sidebar end--> */}
                </div>
              </div>
            </div>
            {/* <!-- main-section-data end--> */}
          </div>
        </div>
      </main>
    </React.Fragment>
  );
};

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

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

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