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);