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 GroupActions from "../../../../../view/templates/linkedin/components/GroupActions";

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 (

        <main className="w-100">

            <div className="container">

                <div className="main d-flex flex-column" style={{ gap: '1rem' }}>

                    <GroupActions {...props.backendVars} />

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