Proyectos de Subversion LeadersLinked - Antes de SPA

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

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

  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>

                {/* <!--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}

                  setSettedPrivacy={setSettedPrivacy}

                  settedPrivacy={settedPrivacy}

                  setSettedAccesibility={setSettedAccesibility}

                />

                {/* <!--user-tab-sec endit--> */}

                {/* <!--user-tab-sec start--> */}

                <Accessibility

                  groupId={groupId}

                  accessibility={settedAccesibility}

                  accessibilities={accessibilities}

                  addNotification={addNotification}

                  privacy={settedPrivacy}

                  setSettedAccesibility={setSettedAccesibility}

                />

                {/* <!--user-tab-sec endit--> */}

                {/* <!--user-tab-sec start--> */}

                <Website

                  groupId={groupId}

                  website={website}

                  addNotification={addNotification}

                />

                {/* <!--user-tab-sec endit--> */}

              </div>

              <div className="right-sidebar">

              </div>

            </div>

          </div>

        </div>

      </main>

    </React.Fragment>

  );

};

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

const mapDispatchToProps = {

  addNotification: (notification) => addNotification(notification),

};

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