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 "../components/accessibility/Accessibility";

import Cover from "../components/cover/Cover";

import Industry from "../components/industry/Industry";

import Overview from "../components/overview/Overview";

import Privacy from "../components/privacy/Privacy";

import Type from "../components/type/Type";

import Website from "../components/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 (

        <>

            <Cover

                cover={cover}

                groupId={groupId}

                imageSizeCover={imageSizeCover}

                addNotification={addNotification}

            />

            <main className="w-100">

                <div className="container">

                    <div className="main d-flex flex-column">

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

            </main>

        </>

    );

};

const mapDispatchToProps = {

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

};

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