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