Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4648 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4648 Rev 5861
Línea 1... Línea 1...
1
/* eslint-disable react/prop-types */
1
/* eslint-disable react/prop-types */
2
import React, { useState } from "react";
2
import React, { useState } from 'react'
3
import { connect } from "react-redux";
3
import { connect } from 'react-redux'
4
import { addNotification } from "../../../../../../redux/notification/notification.actions";
4
import { addNotification } from '../../../../../../redux/notification/notification.actions'
5
import GroupActions from "../../../../../view/templates/linkedin/components/GroupActions";
5
import GroupActions from '../../../../../view/templates/linkedin/components/GroupActions'
6
import Accessibility from "../components/accessibility/Accessibility";
6
import Accessibility from '../components/accessibility/Accessibility'
7
import Industry from "../components/industry/Industry";
7
import Industry from '../components/industry/Industry'
8
import Overview from "../components/overview/Overview";
8
import Overview from '../components/overview/Overview'
9
import Privacy from "../components/privacy/Privacy";
9
import Privacy from '../components/privacy/Privacy'
10
import Type from "../components/type/Type";
10
import Type from '../components/type/Type'
11
import Website from "../components/website/Website";
11
import Website from '../components/website/Website'
12
import '../styles/index.scss'
12
import '../styles/index.scss'
Línea 13... Línea 13...
13
 
13
 
14
const Edit = (props) => {
14
const Edit = (props) => {
15
    const {
15
  const {
16
        groupId,
16
    groupId,
17
        overview,
17
    overview,
18
        groupType,
18
    groupType,
19
        groupTypes,
19
    groupTypes,
20
        industry,
20
    industry,
21
        industries,
21
    industries,
22
        privacy,
22
    privacy,
23
        privacies,
23
    privacies,
24
        accessibility,
24
    accessibility,
25
        accessibilities,
25
    accessibilities,
26
        website,
-
 
27
    } = props.backendVars;
-
 
28
 
26
    website,
29
    // redux destructuring
27
    addNotification, // redux destructuring
30
    const { addNotification } = props;
-
 
31
 
28
  } = props
32
    const [settedPrivacy, setSettedPrivacy] = useState(privacy);
29
  const [settedPrivacy, setSettedPrivacy] = useState(privacy)
33
    const [settedAccesibility, setSettedAccesibility] = useState(accessibility);
30
  const [settedAccesibility, setSettedAccesibility] = useState(accessibility)
34
 
31
 
35
    return (
32
  return (
36
        <main className="w-100">
33
    <main className="w-100">
37
            <div className="container">
34
      <div className="container">
38
                <div className="main d-flex flex-column" style={{ gap: '1rem' }}>
35
        <div className="main d-flex flex-column" style={{ gap: '1rem' }}>
39
                    <GroupActions {...props.backendVars} />
36
          <GroupActions {...props} />
40
                    <Overview
37
          <Overview
41
                        groupId={groupId}
38
            groupId={groupId}
42
                        overview={overview}
39
            overview={overview}
43
                        addNotification={addNotification}
40
            addNotification={addNotification}
44
                    />
41
          />
45
                    <Type
42
          <Type
46
                        groupId={groupId}
43
            groupId={groupId}
47
                        groupType={groupType}
44
            groupType={groupType}
48
                        groupTypes={groupTypes}
45
            groupTypes={groupTypes}
49
                        addNotification={addNotification}
46
            addNotification={addNotification}
50
                    />
47
          />
51
                    <Industry
48
          <Industry
52
                        groupId={groupId}
49
            groupId={groupId}
53
                        industry={industry}
50
            industry={industry}
54
                        industries={industries}
51
            industries={industries}
55
                        addNotification={addNotification}
52
            addNotification={addNotification}
56
                    />
53
          />
57
                    <Privacy
54
          <Privacy
58
                        groupId={groupId}
55
            groupId={groupId}
59
                        privacy={privacy}
56
            privacy={privacy}
60
                        privacies={privacies}
57
            privacies={privacies}
61
                        addNotification={addNotification}
58
            addNotification={addNotification}
62
                        setSettedPrivacy={setSettedPrivacy}
59
            setSettedPrivacy={setSettedPrivacy}
63
                        settedPrivacy={settedPrivacy}
60
            settedPrivacy={settedPrivacy}
64
                        setSettedAccesibility={setSettedAccesibility}
61
            setSettedAccesibility={setSettedAccesibility}
65
                    />
62
          />
66
                    <Accessibility
63
          <Accessibility
67
                        groupId={groupId}
64
            groupId={groupId}
68
                        accessibility={settedAccesibility}
65
            accessibility={settedAccesibility}
69
                        accessibilities={accessibilities}
66
            accessibilities={accessibilities}
70
                        addNotification={addNotification}
67
            addNotification={addNotification}
71
                        privacy={settedPrivacy}
68
            privacy={settedPrivacy}
72
                        setSettedAccesibility={setSettedAccesibility}
69
            setSettedAccesibility={setSettedAccesibility}
73
                    />
70
          />
74
                    <Website
71
          <Website
75
                        groupId={groupId}
72
            groupId={groupId}
76
                        website={website}
73
            website={website}
77
                        addNotification={addNotification}
74
            addNotification={addNotification}
78
                    />
75
          />
79
                </div>
-
 
80
 
76
        </div>
81
            </div>
77
      </div>
82
        </main>
78
    </main>
83
    );
79
  )
Línea 84... Línea 80...
84
};
80
}
85
 
81
 
86
const mapDispatchToProps = {
82
const mapDispatchToProps = {
Línea 87... Línea 83...
87
    addNotification: (notification) => addNotification(notification),
83
  addNotification: (notification) => addNotification(notification),